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
Print Friendly, PDF & Email

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.

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

ManagedServer.it est le premier fournisseur italien de solutions d'hébergement hautes performances. Notre modèle d'abonnement est abordable et prévisible, afin que les clients puissent accéder à nos technologies d'hébergement fiables, à nos serveurs dédiés et au cloud. ManagedServer.it offre également d'excellents services d'assistance et de conseil sur l'hébergement des principaux CMS Open Source tels que WordPress, WooCommerce, Drupal, Prestashop, Magento.

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.
haut