How Do I Run a PageSpeed Insights Test?<\/h2>\n\n\n\n
There are two ways to perform a PageSpeed Insights test, manually from the PageSpeed website or with PHP using their API.<\/p>\n\n\n\n
Run a Manual Test<\/h3>\n\n\n\n
You can go to the official PageSpeed Insights page and run tests manually with the following steps.<\/p>\n\n\n\n
- \n
- Access the PageSpeed Insights tool here:
https:\/\/pagespeed.web.dev\/<\/a><\/li>\n\n\n\n- Enter the URL of the page you want to test in the blank field.<\/li>\n\n\n\n
- Click the Analyze<\/strong> button.
![\"Analyze](\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/09\/pagespeed-insights-analyze-1024x160.png\")
You will then see the results of the tests, we\u2019ll go over the data that will be provided in the next section.![\"View](\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/09\/pagespeed-insights-report.png\")
<\/li>\n<\/ol>\n\n\n\nPageSpeed API Test<\/h3>\n\n\n\n
If you are familiar with coding PHP, you can also perform PageSpeed tests using their API. You can view the official PageSpeed API documentation here:<\/p>\n\n\n\n
- \n
- https:\/\/developers.google.com\/speed\/docs\/insights\/v5\/get-started<\/a><\/li>\n<\/ul>\n\n\n\n
What Data is Being Collected\/Reported?<\/h2>\n\n\n\n
When you run a report, you will be able to review the results based on whether visitors are experiencing your site over Mobile <\/strong>or Desktop<\/strong>. You can click the buttons on the top to toggle between the different results.<\/p>\n\n\n
\n![\"Toggle](\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/09\/pagespeed-insights-mobile-desktop.png\")
<\/figure>\n<\/div>\n\n\nIn the first section, you will see \u201cDiscover what your real users are experiencing<\/em>\u201d and some metrics listed. This data is collected from real user data collected over a 28-day period and will not fluctuate.<\/p>\n\n\n
\n![\"Real](\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/09\/pagespeed-insights-real-user-experience.png\")
<\/figure>\n<\/div>\n\n\nIn the second section, you will see \u201cDiagnose performance issues<\/em>\u201d and below there will be a performance score and the results of a current test.<\/p>\n\n\n
\n![\"Diagnose](\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/09\/pagespeed-insights-diagnose-performance-issues.png\")
<\/figure>\n<\/div>\n\n\nSince this score is generated at the point of testing, the results can vary based on several factors. Each of these metrics has a different weight that is used to determine the overall performance score. Here is a breakdown of the factors along with the percentage that will affect the final performance score.<\/p>\n\n\n\n
- \n
- First Contentful Paint \u2013 10%<\/strong>\n
- \n
- This metric scores how many seconds it takes before visitors see the content on your site (images and text).<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- Time to Interactive \u2013 10%<\/strong>\n
- \n
- This is how many seconds it takes before your site responds to visitors\u2019 input, such as clicking or typing within a page.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- Speed Index \u2013 10%<\/strong>\n
- \n
- This measure how many seconds it takes before your site van be viewed by a visitor.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- Total Blocking Time \u2013 30%<\/strong>\n
- \n
- This measure the time between the FCP and TTI and is reported in milliseconds.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- Largest Contentful Paint \u2013 25%<\/strong>\n
- \n
- This tests how long it takes for the biggest section of your site to load. It uses this data to determine how long it takes your site to load most<\/em> of the page.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- Cumulative Layout Shift \u2013 15%<\/strong>\n
- \n
- You want this score to be low since it is a metric that determines how often elements of your site shift<\/em> or change and jump around unexpectedly.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
Now, we\u2019ll track mobile and desktop PageSpeed scores over a period of time in order to outline how fluctuations can occur.\u00a0\u00a0<\/p>\n\n\n\n
Case Study \u2013 PageSpeed Fluctuations Over Time<\/h2>\n\n\n\n
In this example, we\u2019re going to test the same site over several days and record the results, then map them out in order to illustrate how the scores can change over time.\u00a0<\/p>\n\n\n\n
Data Collection Results<\/h3>\n\n\n\n
Here are the results of the desktop and mobile data that we collected.<\/p>\n\n\n\n
Desktop Metrics<\/h4>\n\n\n\n
You can see a clear fluctuation in PageSpeed scores even when the tests are performed within a similar frame of time.<\/p>\n\n\n
\n![\"View](\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/09\/pagespeed-insights-desktop-data.png\")
<\/figure>\n<\/div>\n\n\nDesktop Performance Score<\/h4>\n\n\n\n
Notice how the performance score drops when the metric times increase. This shows a direct correlation between the two.<\/p>\n\n\n
\n![\"View](\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/09\/pagespeed-insights-desktop-performance.png\")
<\/figure>\n<\/div>\n\n\nMobile Metrics<\/h4>\n\n\n
\n![\"Graph](\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/09\/pagespeed-insights-mobile-data.png\")
<\/figure>\n<\/div>\n\n\nMobile Performance Score<\/h4>\n\n\n\n
Like the desktop data, you can see the correlation between the performance score dropping and the times increasing.\u00a0<\/p>\n\n\n
\n![\"Graph](\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/09\/pagespeed-insights-mobile-performance.png\")
<\/figure>\n<\/div>\n\n\nConclusions<\/h3>\n\n\n\n
While testing our site, we noticed that the data can be very volatile and greatly differ over time. There are several factors that can affect this, we will go over them in the next section to explain why data fluctuates.<\/p>\n\n\n\n
Why Does the Data Fluctuate?<\/h2>\n\n\n\n
There are quite a few factors that can affect the performance of your PageSpeed test, these are the major ones.<\/p>\n\n\n\n
Server Load at the Time of Testing<\/h3>\n\n\n\n
When running a large website there can be many things occurring at the same time, here are some examples of tasks that can affect the performance of your server load.<\/p>\n\n\n\n
- \n
- Cron jobs running\n
- \n
- Cron jobs can be used to schedule tasks to run on a set schedule. This can trigger tasks that use up the website\u2019s resources and slow response times.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- Marketing tests\n
- \n
- Different tests (such as A\/B) may be set up to occur at specific times causing different results.\u00a0<\/li>\n\n\n\n
- Advertisements may be set to rotate and display at different intervals resulting faster or slower load times, based on the specific ads.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- Incremental backups\n
- \n
- Backups could be scheduled to run at different intervals, resulting in more load on the server. Especially with larger sites, this can affect the overall performance of the website.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- Database queries\n
- \n
- Depending on the site, some tasks may trigger database queries which can take time to run and process, affecting the overall performance and load of the site.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
Routing\u00a0<\/h3>\n\n\n\n
The path the PageSpeed test takes to your server can vary depending on how it is routed and this can change over time. For example, a longer route could result in longer response times and lower scores on the PageSpeed tests.<\/p>\n\n\n\n
Overall Traffic<\/h3>\n\n\n\n
When your site has a large influx of traffic it can put a heavier load on your website and affect its response\/load times. As we saw in the last section, slower response times result in a lower overall performance score.<\/p>\n\n\n\n
What Does This Mean for the Webmaster?<\/h2>\n\n\n\n
Due to these normal fluctuations in PageSpeed score, it is ideal to test over time and average out the score. In this section, we\u2019ll go over some tools you can use to troubleshoot and optimize your site and increase PageSpeed scores.<\/p>\n\n\n\n
Review Opportunities & Diagnostics<\/h3>\n\n\n\n
The PageSpeed results page will list Opportunities<\/strong> that can be addressed in order to improve your scores and you can also review the results of the Diagnostics<\/strong> listed.<\/p>\n\n\n
\n![\"Diagnostic](\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/09\/pagespeed-insights-opportunites-diagnostics.png\")
<\/figure>\n<\/div>\n\n\nUse the Lighthouse Scoring Calculator<\/h3>\n\n\n\n
Google provides a tool for testing different score changes and seeing how they will affect your overall Performance score. You can utilize this tool to help you determine the best places to direct your efforts for the greatest improvements.<\/p>\n\n\n\n
- \n
- Lighthouse Scoring Calculator<\/a><\/li>\n<\/ul>\n\n\n\n
You can toggle between the Mobile and Desktop device options and move the sliders in order to see different score options.<\/p>\n\n\n
\n![\"View](\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/09\/pagespeed-insights-lighthouse-scoring-calculator.png\")
<\/figure>\n<\/div>\n\n\nBenchmark Your Site<\/h3>\n\n\n\n
There are many options for benchmarking sites to determine how much traffic\/HTTP requests the server can handle. This can be used to determine whether your server will be able to manage the amount of traffic you plan to receive. Here are some of the most common ways.<\/p>\n\n\n\n
- \n
- How to Stress Test Your Website With ab (ApacheBench)<\/a><\/li>\n\n\n\n
- How To Load Test Your Site With k6<\/a><\/li>\n\n\n\n
- How To Stress Test Your WordPress Site With Loader.io<\/a><\/li>\n<\/ul>\n\n\n\n
Optimize Your Website For Speed<\/h3>\n\n\n\n
It\u2019s important to optimize your website in order to get the best performance with the resources you have. Here is a guide to help you get started:<\/p>\n\n\n\n
- \n
- The Website Speed Optimization Guide For Beginners<\/a><\/li>\n<\/ul>\n\n\n\n
Upgrade the Server if Needed<\/h3>\n\n\n\n
Keep in mind that your hosting plan should match the amount of traffic and size of your website. For example, a basic Shared hosting plan may not be the best option for a large website with a high influx of traffic.<\/p>\n\n\n\n
If your site is not performing the way you want after addressing the opportunities provided by the PageSpeed test, benchmarking, and optimizing, you may want to consider upgrading the server you are using.\u00a0<\/p>\n\n\n\n
- How To Load Test Your Site With k6<\/a><\/li>\n\n\n\n
- How to Stress Test Your Website With ab (ApacheBench)<\/a><\/li>\n\n\n\n
- Lighthouse Scoring Calculator<\/a><\/li>\n<\/ul>\n\n\n\n
- Depending on the site, some tasks may trigger database queries which can take time to run and process, affecting the overall performance and load of the site.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
- Cron jobs running\n
- Cumulative Layout Shift \u2013 15%<\/strong>\n
- This tests how long it takes for the biggest section of your site to load. It uses this data to determine how long it takes your site to load most<\/em> of the page.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- First Contentful Paint \u2013 10%<\/strong>\n