27 octobre 2022

Les données de performances de Web Almanac de 2022 montrent que les sites WordPress peuvent abuser du chargement paresseux

Le Lazy Loading pour charger des images semble être utilisé de manière incorrecte selon cette recherche.

Chargement paresseux de WordPress

Les deux derniers chapitres du Almanach Web 2022 ont été publiés cette semaine : Structured Data and Performance, complétant l'ebook de 729 pages du rapport. Le chapitre spécifique à WordPress a été publié plus tôt ce mois-ci avec des mesures indiquant que l'adoption est en croissance.

Le chapitre sur les performances a été rédigé par l'ingénieur Etsy Performance Melissa Ada et l'ingénieur Google Web Transparency Rick Viscomi. Les mesures de performance dans le chapitre se concentrent sur Vitaux Web de base  (CWV), que Google a introduit en 2020 et créé un signal de classement en 2021. Ils ont utilisé l'ensemble de données public pour le rapport  Rapport sur l'expérience utilisateur Chrome  (CrUX), qui collecte les données de  sites Web éligibles , des sites accessibles au public avec un nombre minimum de visiteurs non divulgués.

La plupart des données concernent les performances du Web dans son ensemble au fil du temps, mais l'almanach Web 2022 a mis en évidence une préoccupation spécifique concernant l'utilisation du chargement paresseux par les sites WordPress et son impact sur les performances LCP. Google définit La plus grande métrique de peinture de contenu (LCP)  comme "temps de rendu  image plus grande ou bloc de texte  visible dans la fenêtre d'affichage, par rapport au moment où la page  a commencé à charger pour la première fois ".

Chargement Lazy

Chargement paresseux ou chargement lent (également appelé téléchargement à la demande) est une technique d'optimisation du contenu en ligne, qu'il s'agisse d'un site Web ou d'une application Web.
Au lieu de charger la page Web entière et de la rendre à l'utilisateur en une seule fois, comme dans le cas d'un chargement en masse, le concept de chargement lent aide à charger uniquement la section demandée et retarde le reste jusqu'à ce que l'utilisateur en ait besoin.

Le téléchargement à la demande réduit la consommation de temps et de mémoire, optimisant ainsi la diffusion du contenu. Étant donné que seule une fraction de la page Web requise est chargée en premier, cela prend moins de temps et le reste de la section est retardé, ce qui permet d'économiser de l'espace de stockage. Tout cela améliore l'expérience utilisateur car le contenu demandé est alimenté en un rien de temps.

Le chargement différé est une bonne chose lorsqu'il est utilisé correctement, mais ces statistiques suggèrent fortement qu'il existe une excellente occasion d'améliorer les performances en supprimant cette fonctionnalité spécifiquement des images LCP.

WordPress a été l'un des pionniers dans l'adoption du chargement paresseux natif, et entre les versions 5.5 et 5.9, il n'a pas réellement omis l'attribut des candidats LCP. Explorons donc dans quelle mesure WordPress contribue toujours à cet anti-modèle.

Selon le chapitre CMS, WordPress est utilisé par 35% des pages . Il est donc surprenant de voir que 72% des pages utilisant le chargement lent natif sur leur image LCP utilisent WordPress, car un correctif est disponible depuis janvier 2022 en version 5.9. Une théorie qui nécessite une enquête plus approfondie est que les plugins pourraient contourner les protections intégrées au cœur de WordPress en injectant des images LCP dans la page avec le comportement de chargement lent.

De même, un pourcentage disproportionnellement élevé de pages utilisant le chargement paresseux personnalisé sont créées avec WordPress à 54 %. Cela suggère un problème plus large dans l'écosystème WordPress concernant la surutilisation du chargement lent. Plutôt que d'être un bogue réparable situé dans le noyau de WordPress, il peut y avoir des centaines ou des milliers de thèmes et de plugins distincts contribuant à cet anti-modèle.

Web Almanac 2022 - Chapitre 12 : Performances

Avant WordPress 5.9, l'implémentation par défaut de WordPress du chargement lent ralentissait les performances LCP, car elle était appliquée de manière trop agressive et chargeait lentement les images au-dessus du pli. Dans la version 5.9, WordPress a fourni un correctif qui charge plus avidement les images dans la fenêtre d'affichage initiale tout en chargeant paresseusement le reste. C'est pourquoi les résultats montrant les sites WordPress qui utilisent un chargement excessivement lent sont étonnants.

"Certes, la « surcharge de charge paresseuse Â» est un problème difficile à résoudre", a déclaré Viscomi dans son Analyse des fils Twitter . "Nous ne savons pas toujours si une image sera le LCP. Le noyau WordPress le définit par défaut pour chaque image et utilise des heuristiques pour le remplacer. Près des 3/4 des pages qui chargent nativement des images à chargement lent sont dans WordPress "

En 2020, Viscomi a souligné la rapidité avec laquelle l'adoption du chargement paresseux d'images natives a augmenté depuis la sortie de WordPress 5.5 en août de la même année avec le chargement paresseux d'images par défaut. WordPress a conduit à l'adoption de cette fonctionnalité, c'est pourquoi toute implémentation "anti-modèle", comme l'appelle Viscomi, a un effet énorme sur les performances Web.

Informations sur l'auteur

Vous avez des doutes ? Vous ne savez pas par où commencer ? Contactez-nous !

Nous avons toutes les réponses à vos questions pour vous aider à faire le bon choix.

Discute avec nous

Discutez directement avec notre support avant-vente.

0256569681

Contactez-nous par téléphone pendant les heures de bureau 9h30 - 19h30

Contactez-nous en ligne

Ouvrez une demande directement dans l'espace contact.

INFORMATIONS

Managed Server Srl est un acteur italien leader dans la fourniture de solutions système GNU/Linux avancées orientées vers la haute performance. Avec un modèle d'abonnement peu coûteux et prévisible, nous garantissons que nos clients ont accès à des technologies avancées en matière d'hébergement, de serveurs dédiés et de services cloud. En plus de cela, nous proposons des conseils système sur les systèmes Linux et une maintenance spécialisée en SGBD, sécurité informatique, Cloud et bien plus encore. Nous nous distinguons par notre expertise dans l'hébergement de CMS Open Source de premier plan tels que WordPress, WooCommerce, Drupal, Prestashop, Joomla, OpenCart et Magento, soutenus par un service d'assistance et de conseil de haut niveau adapté aux administrations publiques, aux PME et à toutes tailles.

Red Hat, Inc. détient les droits de Red Hat®, RHEL®, RedHat Linux® et CentOS® ; AlmaLinux™ est une marque commerciale d'AlmaLinux OS Foundation ; Rocky Linux® est une marque déposée de la Rocky Linux Foundation ; SUSE® est une marque déposée de SUSE LLC ; Canonical Ltd. détient les droits sur Ubuntu® ; Software in the Public Interest, Inc. détient les droits sur Debian® ; Linus Torvalds détient les droits sur Linux® ; FreeBSD® est une marque déposée de la FreeBSD Foundation ; NetBSD® est une marque déposée de la Fondation NetBSD ; OpenBSD® est une marque déposée de Theo de Raadt. Oracle Corporation détient les droits sur Oracle®, MySQL® et MyRocks® ; Percona® est une marque déposée de Percona LLC ; MariaDB® est une marque déposée de MariaDB Corporation Ab ; REDIS® est une marque déposée de Redis Labs Ltd. F5 Networks, Inc. détient les droits sur NGINX® et NGINX Plus® ; Varnish® est une marque déposée de Varnish Software AB. Adobe Inc. détient les droits sur Magento® ; PrestaShop® est une marque déposée de PrestaShop SA ; OpenCart® est une marque déposée d'OpenCart Limited. Automattic Inc. détient les droits sur WordPress®, WooCommerce® et JetPack® ; Open Source Matters, Inc. détient les droits sur Joomla® ; Dries Buytaert détient les droits sur Drupal®. Amazon Web Services, Inc. détient les droits sur AWS® ; Google LLC détient les droits sur Google Cloud™ et Chrome™ ; Facebook, Inc. détient les droits sur Facebook® ; Microsoft Corporation détient les droits sur Microsoft®, Azure® et Internet Explorer® ; La Fondation Mozilla détient les droits sur Firefox®. Apache® est une marque déposée de The Apache Software Foundation ; PHP® est une marque déposée du groupe PHP. CloudFlare® est une marque déposée de Cloudflare, Inc. ; NETSCOUT® est une marque déposée de NETSCOUT Systems Inc. ; ElasticSearch®, LogStash® et Kibana® sont des marques déposées d'Elastic NV. Ce site n'est affilié, sponsorisé ou autrement associé à aucune des entités mentionnées ci-dessus et ne représente aucune de ces entités de quelque manière que ce soit. Tous les droits sur les marques et noms de produits mentionnés sont la propriété de leurs titulaires respectifs des droits d'auteur. Toutes les autres marques mentionnées appartiennent à leurs titulaires. MANAGED SERVER® est une marque déposée au niveau européen par MANAGED SERVER SRL Via Enzo Ferrari, 9 62012 Civitanova Marche (MC) Italie.

JUSTE UN MOMENT !

Souhaitez-vous voir comment votre WooCommerce fonctionne sur nos systèmes sans avoir à migrer quoi que ce soit ? 

Entrez l'adresse de votre site WooCommerce et vous obtiendrez une démonstration navigable, sans avoir à faire absolument quoi que ce soit et entièrement gratuite.

Non merci, mes clients préfèrent le site lent.
Retour en haut de page