Points to note when using PageSpeed Insights
Posted: Wed Dec 18, 2024 5:07 am
With PageSpeed Insights, performance scores for the same URL can vary depending on the network and hardware being used to examine the page.
Please understand that there will be some margin of error in the score for each measurement, but if you want a more accurate number, take the test multiple times.
Reference: Official Help FAQ "Why does the performance score change every time I run it? I haven't made any changes to the page."
2) Mobile devices tend to have lower scores than PC devices
When measuring mobile scores, PageSpeed Insights assumes 4G communication, so the scores tend to be lower than the actual performance.
There’s no need to worry too much about a lower mobile score compared to desktop, but on the other hand, Google does factor mobile-friendliness into its SEO rankings, so if your mobile score is red, you should prioritize your efforts.
Reference: Official Help "Mobile Analysis with PageSpeed Insights"
3) Sites with a large amount of data tend to have low scores
Generally, the more data a page contains, the heavier the site becomes and the slower it takes for the page to load, so e-commerce sites with a lot of data, such as images, tend to have low PageSpeed Insights scores.
According to an original survey by Design phone numbers of rich people Family Co., Ltd. , the results of analyzing the PageSpeed Insights scores of the top 300 mail-order companies in Japan were as follows:
A score of 55 is in the top 16%
A score of 80 is in the top 2%
He explains that the average score for an e-commerce site is in the high 40s.
Since average values vary depending on the industry and characteristics of the site, rather than just taking the numbers from PageSpeed Insights at face value, it is a good idea to evaluate the performance of your own site compared to your competitors.
For detailed definitions of terms, please refer to the PageSpeed Insights help page.
Reference: Official Help "About PageSpeed Insights"
How to improve the loading speed of web pages
From here on, we will explain some typical ways to increase the loading speed of web pages, based on the improvement items in "PageSpeed Insights."
The following items do not apply to all sites, so be sure to prioritize addressing the related items displayed in "PageSpeed Insights."
Eliminate render-blocking resources
Rendering refers to the process by which a web browser reads HTML, CSS, and other code and displays the web page on the browser.
If a web page contains a large number of external files such as JavaScript and CSS, and the size of the file is large, browser rendering may be blocked, causing the web page to display slowly.
If possible, remove any external files that are blocking loading, and if that is difficult, use asynchronous communication (async) and defer loading (defer).
(Also, if you use WordPress, you may be able to solve this problem with a plugin called Autoptimize .)
Reference: Official Help "Remove render-blocking JavaScript"
Please understand that there will be some margin of error in the score for each measurement, but if you want a more accurate number, take the test multiple times.
Reference: Official Help FAQ "Why does the performance score change every time I run it? I haven't made any changes to the page."
2) Mobile devices tend to have lower scores than PC devices
When measuring mobile scores, PageSpeed Insights assumes 4G communication, so the scores tend to be lower than the actual performance.
There’s no need to worry too much about a lower mobile score compared to desktop, but on the other hand, Google does factor mobile-friendliness into its SEO rankings, so if your mobile score is red, you should prioritize your efforts.
Reference: Official Help "Mobile Analysis with PageSpeed Insights"
3) Sites with a large amount of data tend to have low scores
Generally, the more data a page contains, the heavier the site becomes and the slower it takes for the page to load, so e-commerce sites with a lot of data, such as images, tend to have low PageSpeed Insights scores.
According to an original survey by Design phone numbers of rich people Family Co., Ltd. , the results of analyzing the PageSpeed Insights scores of the top 300 mail-order companies in Japan were as follows:
A score of 55 is in the top 16%
A score of 80 is in the top 2%
He explains that the average score for an e-commerce site is in the high 40s.
Since average values vary depending on the industry and characteristics of the site, rather than just taking the numbers from PageSpeed Insights at face value, it is a good idea to evaluate the performance of your own site compared to your competitors.
For detailed definitions of terms, please refer to the PageSpeed Insights help page.
Reference: Official Help "About PageSpeed Insights"
How to improve the loading speed of web pages
From here on, we will explain some typical ways to increase the loading speed of web pages, based on the improvement items in "PageSpeed Insights."
The following items do not apply to all sites, so be sure to prioritize addressing the related items displayed in "PageSpeed Insights."
Eliminate render-blocking resources
Rendering refers to the process by which a web browser reads HTML, CSS, and other code and displays the web page on the browser.
If a web page contains a large number of external files such as JavaScript and CSS, and the size of the file is large, browser rendering may be blocked, causing the web page to display slowly.
If possible, remove any external files that are blocking loading, and if that is difficult, use asynchronous communication (async) and defer loading (defer).
(Also, if you use WordPress, you may be able to solve this problem with a plugin called Autoptimize .)
Reference: Official Help "Remove render-blocking JavaScript"