WordPress 6.3 améliorera les performances SEO LCP

WordPress a annoncé que la version 6.3, dont la sortie est prévue en août 2023, aidera les sites Web à atteindre de meilleurs scores SEO Core Web Vitals, en particulier en ce qui concerne le Largest Contentful Paint (LCP). La plus grande peinture de contenu (LCP) est une métrique qui mesure le temps nécessaire pour afficher la plus grande image ou le plus grand bloc de texte. Le principe sous-jacent de cette métrique est de révéler la perception d’un utilisateur sur le temps qu’il faut pour charger une page Web. Ce qui est mesuré, c’est ce que le visiteur du site voit dans son navigateur, appelé la fenêtre d’affichage. Les optimisations réalisées par WordPress en 6.3 réalisent un effort de longue date pour utiliser précisément les attributs HTML sur des éléments spécifiques afin d’obtenir les meilleures performances de Core Web Vitals.

Récupérer l’attribut HTML prioritaire

Fetch Priority, écrit en HTML sous le nom de fetchpriority, est un attribut HTML des éléments de page Web (ressources) tels que les images, CSS et JavaScript. Le but de fetchpriority est d’indiquer au navigateur quelles ressources de page Web doivent être téléchargées le plus rapidement afin de rendre le contenu qu’un visiteur du site voit dans son navigateur, ce qui se trouve dans sa fenêtre d’affichage. Le contenu qui n’est pas dans la fenêtre d’affichage, c’est-à-dire le contenu qu’un utilisateur doit faire défiler la page pour voir, a une priorité inférieure au contenu qui se trouve en haut de la page et dans la fenêtre d’affichage du visiteur du site. Fetch Priority permet à un éditeur de contrôler quelles ressources ont une haute priorité et lesquelles ont une faible priorité. WordPress 6.3 contient une nouvelle fonctionnalité qui ajoute l’attribut fetchpriority à l’image la plus susceptible d’apparaître dans la fenêtre d’affichage du visiteur du site.

L’annonce WordPress a noté:

« WordPress ajoute désormais automatiquement l’attribut fetchpriority avec une valeur « élevée » à l’image qu’il détermine la plus susceptible d’être « l’image LCP », c’est-à-dire l’image qui est le plus grand élément de contenu dans la fenêtre d’affichage. L’attribut indique au navigateur de donner la priorité à cette image, avant même qu’il n’ait calculé la mise en page, ce qui améliore généralement le LCP de 5 à 10 % ». seuil. Cela signifie que l’attribut fetchpriority ne sera pas appliqué aux petites ressources comme un bouton de navigation. Une autre caractéristique de la priorité de récupération automatique de WordPress est qu’elle ne remplacera jamais un attribut de priorité de récupération existant.

Implémentation Lazy Load perfectionnée

On dit que les premières choses qu’un visiteur du site voit dans son navigateur lorsqu’il visite un site Web se trouvent dans la fenêtre d’affichage. Les éléments de page Web qui sont nécessaires pour rendre la première fenêtre d’affichage lorsque le visiteur du site visite devraient idéalement être prioritaires. Les éléments qui se trouvent sous la première fenêtre n’ont pas besoin d’être téléchargés immédiatement. Le chargement différé est un moyen d’indiquer au navigateur quelles images et quels iframes ne sont pas critiques pour le chargement de ce premier écran de fenêtre. L’utilisation de l’attribut de chargement paresseux permet aux éléments de page Web immédiatement nécessaires de télécharger en premier. WordPress a initialement implémenté l’attribut de chargement paresseux sur toutes les images d’une page Web, qu’elles soient critiques ou non. Bien que l’application d’une charge paresseuse aux images importantes pour le rendu du contenu au-dessus du pli n’était pas idéale, les tests ont montré qu’il s’agissait toujours d’une amélioration par rapport à la non-application de l’attribut de charge paresseuse. WordPress 6.3 résout ce problème en étant capable de détecter quelles images sont critiques. L’attribut de chargement différé ne s’appliquera pas aux images critiques, permettant à ces images de se télécharger aussi rapidement que possible.

WordPress a noté :

« D’autres ajustements et correctifs ont été mis en œuvre pour améliorer la gestion automatique du chargement paresseux via l’attribut de chargement afin de détecter de manière plus fiable quand omettre l’attribut de certaines images. » Enfin, le nouveau processus de détection de la fenêtre d’affichage initiale et d’application des attributs de priorité d’extraction et de chargement peut être utilisé pour appliquer d’autres optimisations dans les futures versions de WordPress.

WordPress a observé :

« … cela pourrait être amélioré avec d’autres attributs liés aux performances à l’avenir. »

Les modifications peuvent affecter les plugins tiers

L’annonce de WordPress alerte les développeurs de plugins qui dépendent de la logique de chargement paresseux de base que cela a changé. Il existe désormais une nouvelle fonction unique qui contrôle à la fois les attributs fetchpriority et loading. Les développeurs qui dépendaient de l’ancienne logique peuvent avoir besoin de mettre à jour leurs plugins. Il est important que les éditeurs en soient conscients afin qu’ils sachent donner la priorité à la mise à jour de leurs plugins après la mise à jour vers WordPress 6.3.

WP 6.3 ne remplacera pas l’optimisation personnalisée associée

Un aspect bien pensé de cette mise à jour est que l’application automatique de la priorité d’extraction et du chargement différé ne remplacera pas les applications personnalisées de ces attributs.

L’annonce note:

« Avec la nouvelle fonction utilisée de manière cohérente partout où les images sont rendues dans le noyau de WordPress, la prise en charge de la personnalisation est également améliorée. La fonction ne remplacera jamais les attributs déjà fournis, donc si vous définissez une priorité d’extraction ou un attribut de chargement sur une image avant que cette fonction ne soit appelée, l’attribut sera conservé tel quel. Cela permet un réglage fin en n’appliquant pas le comportement automatisé par défaut. Si vous le faites, gardez à l’esprit de ne jamais définir à la fois fetchpriority=”high” et loading=”lazy” pour un élément. Si la fonction rencontre ces deux combinaisons attribut-valeur ensemble, elle déclenchera un avertissement.

Meilleur SEO Core Web Vitals pour WordPress

En plus de ce qui précède, WordPress a également corrigé plusieurs bogues qui affectaient la mise en œuvre correcte de ces attributs pour l’optimisation de Largest Contentful Paint. En ce qui concerne l’optimisation des images pour le référencement, WordPress 6.3 offre enfin une expérience de référencement entièrement optimale qui aidera les sites Web à atteindre des scores LCP plus élevés.

Lisez l’annonce officielle de WordPress :

Améliorations des performances d’image dans WordPress 6.3 Image en vedette par Shutterstock/Ljupco Smokovski

Tags: , ,