Google PageSpeed Insights is just one of the many online tools website owners have at their disposal to improve their sites' loading time.
Google PageSpeed Insights offer common recommendations regarding important topics that website owners should keep in mind for getting the fastest loading times.
The following article goes over page speed and how the score doesn't always reflect the actual speed of your website.
On our Blog, we also have a great article that will help you increase the overall score of any WordPress website, which offers a list of the most used Cache Plugins.
Note: some plugins can work better on one website and may not help others. It depends on the server configuration, the content you are using, and what other 3rd party plugins are installed on your website. The only way to find out which plugin is the best is to install them and check the score.
It is important to notice that Divi is often not the main determining factor of your website’s performance. It’s just a piece of the puzzle. Divi sits on top of WordPress, which sits on top of a stack of server software and hosting infrastructure. All those things need to be tuned correctly. In addition to all that, The connection a visitor uses has a significant impact on how fast a page is rendered.
Several important factors always influence the overall Score that Google's PageSpeed Insights will display:
Server's speed - no matter how well the overall content is optimized, if the server's response time is low, the score will always be low;
Connection speed;
The number of active plugins - the more active plugins are being used, the more server resources will be consumed, affecting the overall loading time and Google's PageSpeed Insights Score;
Media content optimization - all the media content - especially images - should be properly resized, optimized for the web, and converted to WebP format before being uploaded to a WordPress website;
The report that Google's PageSpeed Insights offers important metrics such as:
Total Blocking Time
Speed Index
Among those metrics, it also offers various Opportunities that can be checked to identify issues with the website. In most cases, those Opportunities are related to the server's setup and its Response time, and Media Content.
Examples of Opportunities that Google's PageSpeed Insights might offer:
In the above report, the overall JavaScript code creates the most loading time.
Note: the Reduce unused JavaScript opportunity doesn't only refer to JavaScript files/code related to the Divi theme. This also includes all the JavaScript files used by WordPress and any other 3rd party plugins.
We can get more information by expanding that opportunity. In this example, the scripts at fault are from WordPress Core and YouTube:
The unused JavaScript can usually be reduced by using a good cache plugin. Our recommended cache plugin is WP Rocket (premium). However, depending on the entire server's setup, other free plugins can be used, such as
Autoptimize
WP Fastest Cache
WP-Cache
and more
On the example website, using the PageSpeed Ninja cache and optimization plugin, the score was greatly improved:
Desktop Initial score of 43 to 93
Mobile Initial score of 31 to 84
Initial Desktop Score: 43
Desktop Score after installing and configuring the PageSpeed Ninja Cache plugin: 93
Initial Mobile score: 31
Mobile Score after installing and configuring the PageSpeed Ninja Cache plugin: 84
Note: Google's PageSpeed Insights can be used to gather insight and opportunities that can be implemented on any WordPress to deliver the best loading times. However, the steps to achieve the best score vary from website to website.
For more in-depth details about website optimization, check out these articles:
and many more