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
WordPress a initialement implémenté l’attribut de chargement paresseux sur toutes les images d’une page Web
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.
Améliorations des performances d’image dans WordPress 6.3 Image en vedette par Shutterstock/Ljupco Smokovski