ADP is a human resources software company headquartered in New Jersey, United States. It has over 700,000 clients from over 140 countries
A speed report from Lighthouse paints a rather grim picture and scores the ADP website 5.1 seconds on the speed index (SI), and 40 on Performance.
There are many reasons why the ADP website is so slow. This includes:
- Unused CSS files
- Absence of lazyloading
- Render-blocking resources
- Large DOM size
Let’s look at each of these reasons and identify potential ways that ADP can make their website load faster.
But before we do that, a quick word about our website CWVIQ.com - we are a free email alert service that sends out notification any time your website is loading very slowly (often due to heavy traffic, or poor scripts). If you have a website, consider setting up an alert so that you can fix issues before they become major.
The ADP website can be as much as 1.16 seconds faster by adopting this technique.
Unused CSS files
ADP uses CSS files to load the styling elements for the website. However, this file contains a lot of unused scripts that can be slowing down page loading by as much as 0.3 seconds. Code splitting may help avoid this issue.
Absence of lazyloading
Images and videos are by far the most resource-intensive assets and take up a lot of bandwidth during the page-loading process. This can be a real problem on shopping websites since they typically include a lot of graphical content.
But here is the thing – a user who visits the website is not going to need all the images on the page to load. Instead, they only need those images on the top fold of the website to load. The rest can be ‘lazy-loaded’ – that is, they can be loaded after all the other critical components of the webpage have completed loading.
The ADP homepage can load as much as 0.28 seconds faster if images were lazyloaded.
There are scripts on the ADP website that need to run first before they let the rest of the code be executed. The render-blocking resources issue can shave off around 0.91 seconds from the loading time for the ADP website.
How do you avoid this? If the script is not critical, avoid having it in the <head> tag of your HTML code. But if you do need to have it there for some reason, make sure to include the defer or async attribute so that they do not block the loading of other resources.
Large DOM size
The ADP website takes close to 7.8 seconds to evaluate all the scripts, parse them, compile, and render them. This can be minimized by minimizing the main-thread work.
They may also look at reducing the number of nodes in the DOM. In simpler terms, you need to make sure that the main HTML code is smaller and has fewer nodes. I have explained this in greater detail in this article about DOMContentLoaded.
Anand Srinivasan is the founder of CWVIQ. He is a digital marketing consultant with over 15 years of experience. Anand’s articles have been published on Entrepreneur, GoDaddy, and Business.com to mention a few.