Skip to content

WordPress is without a doubt the most popular platform for creating websites . WordPress sites gained their great popularity due to the relatively simple interface for managing content on them. The large community behind this platform also means constant support for the platform and constant work on improving and removing possible bugs. With the recent changes that Google has introduced to its search, the logical answer has been improvements that will adequately follow the resulting changes. The soon-to-be-released version of WordPress 5.9 can improve Core Web Vitals scores, which have become a new ranking factor, by up to 33%.

 

WordPress 5.9 and Core Web Vitals

A suggested update for WordPress 5.9 may automatically improve the results of the Largest Contentful Paint parameter. It has been shown that improved lazy loading leads to vital improvements in the Core Web Vitals metric called LCV ( Largest Contentful Paint). Testing revealed that this change improved Core Web Vitals performance metrics by an average of 7% to as much as 33%.

What is lazy loading?

Lazy loading is a way to speed up the imaginary download of a site page by the browser by delaying the download of site elements, such as images and iframes, that are not currently needed. Using lazy loading elements such as images that are not visible on the visitor’s screen can be delayed using an HTML attribute called the loading attribute .

Since an image is also an HTML element of a web page, this attribute modifies the image, telling the browser to delay its download. In this way, the browser is freed up to take over the more important elements of the page that are immediately visible to the site visitor. Thus, the site becomes faster and more interactive for the visitor.

 

Where does the problem lie?

Largest Contentful Paint measures how quickly images and other elements are loaded into a website visitor’s viewport (the screen the visitor sees). Ever since version 5.5, WordPress has added a default lazy loading attribute to all images and iframes . The problem here is that images at the top of the page, such as logos or featured images, need to be downloaded in order for the site page to become usable. WordPress cannot reliably judge whether the image will appear above or below the screen, as this depends on the currently active theme.

The reason is that all themes are coded differently, so the solution to this problem was put before the developers developing WordPress 5.9.

Although the current implementation of the default lazy loading was not ideal, using it was a big improvement over not adding the loading attribute at all. A suggested solution by the WordPress development team is to turn off adding the lazy loading attribute to the first image or iframe in the code.

 

We are working on a solution

This method was tested on 50 of the most popular WordPress themes and it was concluded that adding this method to the first image or iframe element provided an average improvement in LCP Core Web Vitals scores of 7%. Then the procedure was repeated on the first two elements of the page. The performance improvement dropped by an average of 2%, which clearly shows that removing lazy loading from multiple elements did not improve LCP for the better, on the contrary.

Since it has been shown that omitting the first two content images from lazy loading results in worse metrics than just omitting the first one, it was concluded that tests with a larger number of images are not necessary.

 

The test results showed:

  • 5% of subjects in the test group achieved LCP scores that were 10% worse to as much as 21% worse.
  • 42% of subjects improved LCP scores from 10% to as much as 33% better performance.
  • Testing revealed that benefits were greater for most subjects tested.

 

The best possible lazy loading solution is set before the expected WordPress 5.9, whose publication is announced for December 2021. Suggestions for improving the lazy loading function are currently in the discussion phase and have so far met with a positive response in the comments. If everything goes according to plan, we can expect to receive a version at the end of the year that will significantly improve Largest Contentful Paint results.

 

For more news and interesting stories from digital marketing, visit our blog page or follow our Instagram profile.

 

Source: searchenginejournal

Made by Nebojša Radovanović – SEO Expert @Digitizer