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 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.
Qu'est-ce que ça donne, WordPress ? Ma théorie est que ce ne sont pas les heuristiques de base qui sont fausses, ce sont les plugins.
Gardez également à l'esprit que la majorité des pages qui utilisent même le chargement paresseux sont WP.https://t.co/tp9mQwCZLj
- Rick Viscomi (@rick_viscomi) 26 octobre 2022
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.
