Pagespeed Insights (PSI): Turbo for your website

06 min

This is what you can expect in our detailed article about PageSpeed Insights 😉
What is Google PageSpeed Insights?
Why is PageSpeed Insights used for?
What metrics does PageSpeed Insights measure?
How can you use PageSpeed Insights for your business?
Advantages and disadvantages of PSI
What is the difference between lab and field data?
General recommendations and tips
Common tools for improving PageSpeed
FAQs

What is Google PageSpeed Insights?

Google PageSpeed Insights (PSI) is a free tool from Google that analyses and evaluates the performance of your website. It has been continuously developed and improved since its first launch in 2011. It measures the loading speed and behaviour of your site on both mobile devices and desktops and provides concrete suggestions for improvement. PSI combines field data from the Chrome User Experience Report (CrUX) and lab data generated by automated tests with Lighthouse.
In addition, the page structure is analysed with regard to accessibility, best practices and SEO .
In addition to the Pagespeed Online tool, there is also a public Pagespeed Insights API that can be used in your own tools / plugins.

Why do companies use PageSpeed Insights?

Companies and webmasters use the tool to check the loading times of their websites and identify optimisation potential. A fast PageSpeed score can improve the user experience, reduce the bounce rate and increase the conversion rate. In addition, factors such as loading speed, accessibility or the structure of a website also influence the ranking in search engine results.

Which metrics does PageSpeed Insights measure?

In addition to the core web vitals Largest Contentful Paint (LCP), Interaction To Next Paint (INP) and Cumulative Layout Shift (CLS), other important metrics such as First Contentful Paint (FCP), Time To First Byte (TTFB), First Input Delay (FID), Speed Index (SI) or Total Blocking Time (TBT) are also used to evaluate performance.

How can you use PageSpeed Insights for your company?

1. analyse your website

Enter the URL of your website in PageSpeed Insights to get an overview of the current performance.

Excerpt from Pagespeed Insights test for www.eology.de
Excerpt from Pagespeed Insights test for www.eology.de
Source: pagespeed.web.dev



The analysis provides a score between 0 and 100.
A value between 90 and 100 is rated as fast, between 50 and 89 as average and below 50 as slow.

Excerpt from Pagespeed Insights test for www.eology.de
Source: pagespeed.web.dev

2. identification of weak points

PageSpeed Insights reports highlight specific areas that can be improved. Typical weaknesses include:
Performance

Accessibility

Best practices

SEO

The specific weightings of the performance metrics are not visible in the Lighthouse report itself, but can be simulated in the “Lighthouse Scoring Calculator“. You can use this tool to calculate the PageSpeed score based on your own data.

Lighthouse Scoring Calculator
Source: googlechrome.github.io/lighthouse/scorecalc/

3. implementation of optimisations

Depending on the CMS/system, some improvements can be realised via plugins or extensions (system-dependent). Some must or can be implemented on the server or code side.
WordPress, for example, offers numerous plugins for caching or image optimisation, whereas a server response time or unnecessary CSS / JS should be changed with human intelligence in the server configuration or the code.

Excerpt from Pagespeed Insights test on www.eology.de
Excerpt from Pagespeed Insights test on www.eology.de
Source: pagespeed.web.dev

Whether and with what effort these suggestions can be implemented depends primarily on the system used.

4. check the improvements

Check the effect of your optimisation measures and focus on the lab data, as changes in the field data do not have an immediate effect.
If technically feasible, optimisation measures should be tried out in a test system before publication.

5 Continuous monitoring

After implementing the optimisations, you should regularly monitor the performance of your website to ensure that the improvements are sustainable. Continuous monitoring also helps to recognise and rectify new weak points at an early stage, e.g. when new pages are added, pages are changed, new libraries are used, etc.

Advantages and disadvantages of PSI

Advantages

Disadvantages

What is the difference between lab and field data?

General recommendations and tips

  1. Optimise images: Use compressed and correctly formatted images (WEBP, AVIF, SVG). In most cases, you can achieve better results with these image formats than with JPG, PNG or GIF. Create sufficient image derivatives to serve the different screen resolutions with the appropriate image sizes.
  2. Font optimisation: Avoid loading large font files and implement font display options to reduce loading times. Provide fonts on your own server.
  3. Content Delivery Network (CDN): Use a CDN to deliver content faster to users worldwide.
  4. Server optimisation: Improve server response time with high-performance hosting services and server-side optimisations.
  5. Use plugins / extensions sparingly: Many of the problems shown can be solved with plugins. For example, completely equipping an existing website with new images (e.g. WEBP) can be very time-consuming without a CDN. Use a plugin that automatically converts and displays the old data and ensure that the new files are in the correct format. Bear in mind that every additional plugin takes up resources and the cost-benefit factor should be critically scrutinised.
  6. Use Search Console: Also use the Google Search Console to recognise problems with individual pages more quickly.
  7. Check system updates: Test and assess technical changes to the website before publishing to avoid unpleasant surprises.
  8. Regular review: Carry out regular PSI analyses to continuously identify and implement improvements.

You can find a more detailed description of performance, structure, etc. at https://web.dev/learn/

Common tools for improving page speed

WordPress WP Rocket: A powerful caching plugin that improves loading times through browser caching, page caching and JavaScript execution delay.
W3 Total Cache: A comprehensive caching plugin that offers database caching, object caching and browser caching.
Autoptimize: Optimises performance by minimising and merging CSS and JavaScript files.
JoomlaJCH Optimize: A plugin that combines and minimises CSS and JavaScript files to improve loading times.
Cache Cleaner: Improves performance by efficiently managing caching and optimising the database.
DrupalBoost: Caching module that creates static HTML pages for anonymous users and reduces server load.
AdvAgg (Advanced Aggregation): Optimises CSS and JavaScript files through minimisation and aggregation.
MagentoFull Page Cache Warmer: A module that manages caching for full pages and improves load times for returning visitors.
Nitrogento: Optimises performance through efficient caching and minimisation of database queries.
ShopifyBooster: A plugin that improves performance by optimising images and minimising JavaScript and CSS files.
Plug in Speed: A tool for optimising page loading speed through various techniques such as image compression and lazy loading.

FAQs

1. What is the PageSpeed score?

The PageSpeed score is a rating scale from 0 to 100 that evaluates the performance of a website based on various metrics. A higher score indicates better performance.

2. Why are PageSpeed Insights important for SEO?

PageSpeed Insights are important for SEO because the loading speed of a website is a ranking factor for Google. Faster websites offer a better user experience and can lead to higher rankings in the search results. In addition, topics such as accessibility and structural SEO are becoming increasingly important.

3. How often should I check my website with PageSpeed Insights?

It is recommended to check the website regularly, ideally monthly, with PageSpeed Insights to ensure that performance is continuously optimised. It is also advisable to check after technical changes.

4. What can I do if my website has a low score?

If your website has a low score, you should implement the optimisations suggested by PageSpeed Insights, such as image optimisation, code minimisation and implementation of caching strategies.

5. Do external resources affect my PageSpeed Insights score?

Yes, external resources such as third-party scripts and embedded content can affect load times and therefore impact the PageSpeed Insights score. Optimise or remove these resources to improve performance.

6. What are the Core Web Vitals?

The Core Web Vitals are specific metrics that Google classifies as critical to the user experience. These include LCP, INP (formerly First Input Delay FID) and CLS.

7. Can I improve the performance of my website without technical knowledge?

Yes, many of the optimisations suggested by PageSpeed Insights do not require deep technical knowledge and can be implemented using plugins or simple tweaks.

Contact

Just contact us

  +49 9381 5829000