PageSpeed optimization with TYPO3

Last modified:

As of May 2021, the time has come: Google has announced to consider the so-called Core Web Vitals as ranking factors in the search result at that time (see: official blog post from Google). The optimization of loading times (so-called pagespeed) of websites will then become even more important and can become a decisive competitive advantage..

 

What are the Core Web Vitals?

The Core Web Vitals are three metrics defined by Google to measure the visitor friendliness ("user experience") of websites:

  • LCP: The Largest Contentful Paint measures the "perceived loading time" of a web page, specifically: how long it takes until the largest component is displayed in the visible area ("viewport"). The value should be below 2.5 seconds. More information about the LCP from Google.
  • FID: The First Input Delay measures the duration until the first interaction possibility. This can be, for example, the activation of a link or writing in an input field. The duration should be below 100 milliseconds. More information about the FID from Google.
  • CLS: The Cumulative Layout Shift stands for the "Visual Stability". This refers to the shifts of the layout during the page build. The CLS can take a value from 0(very stable) to 1(high instability) and should be lower than 0.1. More info on the CLS from Google)

How can I measure the Core Web Vitals of my website?

The easiest way is via the PageSpeed Insights page from Google. Enter a URL of your website here (an evaluation can only ever take place per page, there is no "overall evaluation" for the complete website):

 

The tool performs two evaluations: Once for the mobile site (left in the image) and once for the desktop version(right in the image). A total value is then calculated from the respective factors (LCP, FID, CLS and First Contentful Paint (FCP)) (in this case, both are at 100, which is very rare).

 

Another way to check the Core Web Vitals of my web pages is to take a look at Search Console. Here, under the item User Experience -> Core Web Vitals, an overview of the (Attention: In many cases, not all pages that Google has indexed are taken into account):

 

If you click on Open Report (top right), you can view details and possible errors for each page.

 


Why is load time so important to Google?

According to research conducted by Google on the usability of websites, it was found that the loading time on visitors has the highest impact on how the website is perceived:

 

With 75%, the loading time is ahead of the intuition(how quickly I find what I am looking for) with 66%, the responsiveness(appearance on the respective device), the simplicity of operation  with 61% and the attractiveness i.e. the layout or the visual presentation with only 24%.

 

Load time should thus be an important part of optimizing the website for Google (SEO) .


What are the effects of slow websites?

Google has also commented on this as part of an analysis. The so-called bounce rate was used as a criterion. A bounce is a visit during which only one page of a website is called up.