October 27, 2022

Web Almanac performance data from 2022 shows that WordPress sites may be abusing lazy loading

Lazy Loading to load images appears to be used incorrectly according to this research.

WordPress Lazy Load

The last two chapters of the Web Almanac 2022 were released this week: Structured Data and Performance, completing the 729-page ebook of the report. The WordPress specific chapter was released earlier this month with metrics indicating adoption is growing.

The Performance chapter was written by Etsy Performance Engineer Melissa Ada and Google Web Transparency Engineer Rick Viscomi. The performance metrics in the chapter focus on Core Web Vitals  (CWV), which Google introduced in 2020 and created a ranking signal in 2021. They used the public dataset for the report  Chrome UX Report  (CrUX), which collects data from  eligible websites , publicly discoverable sites with a minimum number of undisclosed visitors.

Most of the data is about the performance of the web as a whole over time, but the 2022 Web Almanac highlighted a specific concern regarding WordPress sites' use of lazy-loading and its impact on LCP performance. Google defines The Largest Contentful Paint metric (LCP)  like “render time  larger image or block of text  visible within the viewport, compared to when the page  started charging for the first time ".

Lazy Loading

Lazy loading or slow loading (also called upload on demand) is an optimization technique for online content, whether it's a website or a web app.
Instead of loading the entire web page and rendering it to the user at once as in bulk loading, the slow loading concept helps to load only the requested section and delays the rest until the user needs it.

Upload on demand reduces time and memory consumption, thereby optimizing content delivery. Since only a fraction of the required web page is loaded first, it takes less time and the rest of the section loads are delayed, saving storage space. All of this improves the user experience as the requested content is fed in no time.

Lazy loading is a good thing when used correctly, but these statistics strongly suggest that there is a great opportunity to improve performance by removing this feature specifically from LCP images.

WordPress was one of the pioneers in adopting native lazy loading, and between versions 5.5 and 5.9, it hasn't actually omitted the attribute from LCP candidates. So let's explore the extent to which WordPress is still contributing to this anti-model.

According to the CMS chapter, WordPress is used by 35% of the pages . So it's surprising to see that 72% of pages using native slow loading on their LCP image are using WordPress, as a fix is ​​available from January 2022 in version 5.9. One theory that needs further investigation is that plugins could bypass the safeguards built into the WordPress core by injecting LCP images into the page with the slow loading behavior.

Likewise, a disproportionately high percentage of pages using custom lazy loading are created with WordPress at 54%. This suggests a broader problem in the WordPress ecosystem about overuse of slow loading. Rather than being a fixable bug located in the WordPress core, there may be hundreds or thousands of separate themes and plugins contributing to this anti-pattern.

Web Almanac 2022 - Chapter 12: Performance

Prior to WordPress 5.9, WordPress' default implementation of slow loading caused slower LCP performance, as it was being applied too aggressively and loading images above the fold slowly. In version 5.9, WordPress provided a fix that more avidly loads images within the initial viewport while lazily loads the rest. That's why the results showing WordPress sites that use excessively slow loading are amazing.

"Admittedly, 'lazy load overload' is a difficult problem to solve“, Viscomi said in his Twitter thread analysis . “We don't always know if an image will be the LCP. The WordPress core sets this to every image by default and uses heuristics to override it. Almost 3/4 of the pages that natively load slow-loading images are in WordPress "

In 2020, Viscomi pointed out how quickly adoption of native image lazy loading has increased since the release of WordPress 5.5 in August of the same year with image lazy loading by default. WordPress has driven the adoption of this feature, which is why any “anti-pattern” implementation, as Viscomi called it, has a huge effect on web performance.

Do you have doubts? Don't know where to start? Contact us!

We have all the answers to your questions to help you make the right choice.

Chat with us

Chat directly with our presales support.

0256569681

Contact us by phone during office hours 9:30 - 19:30

Contact us online

Open a request directly in the contact area.

INFORMATION

Managed Server Srl is a leading Italian player in providing advanced GNU/Linux system solutions oriented towards high performance. With a low-cost and predictable subscription model, we ensure that our customers have access to advanced technologies in hosting, dedicated servers and cloud services. In addition to this, we offer systems consultancy on Linux systems and specialized maintenance in DBMS, IT Security, Cloud and much more. We stand out for our expertise in hosting leading Open Source CMS such as WordPress, WooCommerce, Drupal, Prestashop, Joomla, OpenCart and Magento, supported by a high-level support and consultancy service suitable for Public Administration, SMEs and any size.

Red Hat, Inc. owns the rights to Red Hat®, RHEL®, RedHat Linux®, and CentOS®; AlmaLinux™ is a trademark of AlmaLinux OS Foundation; Rocky Linux® is a registered trademark of the Rocky Linux Foundation; SUSE® is a registered trademark of SUSE LLC; Canonical Ltd. owns the rights to Ubuntu®; Software in the Public Interest, Inc. holds the rights to Debian®; Linus Torvalds holds the rights to Linux®; FreeBSD® is a registered trademark of The FreeBSD Foundation; NetBSD® is a registered trademark of The NetBSD Foundation; OpenBSD® is a registered trademark of Theo de Raadt. Oracle Corporation owns the rights to Oracle®, MySQL®, and MyRocks®; Percona® is a registered trademark of Percona LLC; MariaDB® is a registered trademark of MariaDB Corporation Ab; REDIS® is a registered trademark of Redis Labs Ltd. F5 Networks, Inc. owns the rights to NGINX® and NGINX Plus®; Varnish® is a registered trademark of Varnish Software AB. Adobe Inc. holds the rights to Magento®; PrestaShop® is a registered trademark of PrestaShop SA; OpenCart® is a registered trademark of OpenCart Limited. Automattic Inc. owns the rights to WordPress®, WooCommerce®, and JetPack®; Open Source Matters, Inc. owns the rights to Joomla®; Dries Buytaert holds the rights to Drupal®. Amazon Web Services, Inc. holds the rights to AWS®; Google LLC holds the rights to Google Cloud™ and Chrome™; Microsoft Corporation holds the rights to Microsoft®, Azure®, and Internet Explorer®; Mozilla Foundation owns the rights to Firefox®. Apache® is a registered trademark of The Apache Software Foundation; PHP® is a registered trademark of the PHP Group. CloudFlare® is a registered trademark of Cloudflare, Inc.; NETSCOUT® is a registered trademark of NETSCOUT Systems Inc.; ElasticSearch®, LogStash®, and Kibana® are registered trademarks of Elastic NV Hetzner Online GmbH owns the rights to Hetzner®; OVHcloud is a registered trademark of OVH Groupe SAS; cPanel®, LLC owns the rights to cPanel®; Plesk® is a registered trademark of Plesk International GmbH; Facebook, Inc. owns the rights to Facebook®. This site is not affiliated, sponsored or otherwise associated with any of the entities mentioned above and does not represent any of these entities in any way. All rights to the brands and product names mentioned are the property of their respective copyright holders. Any other trademarks mentioned belong to their registrants. MANAGED SERVER® is a trademark registered at European level by MANAGED SERVER SRL, Via Enzo Ferrari, 9, 62012 Civitanova Marche (MC), Italy.

JUST A MOMENT !

Would you like to see how your WooCommerce runs on our systems without having to migrate anything? 

Enter the address of your WooCommerce site and you will get a navigable demonstration, without having to do absolutely anything and completely free.

No thanks, my customers prefer the slow site.
Back to top