de Google Vitals Web de base est d’abord devenu un facteur de classement en 2021. En février 2022, le changement a été entièrement déployé sur toutes les recherches sur mobile et sur ordinateur.
Depuis lors, Google a également travaillé sur la fourniture de nouvelles technologies pour optimiser les performances Web ainsi que sur l’expérimentation d’une nouvelle mesure de performance potentielle.
Que sont les Core Web Vitals et que signifient-ils pour les classements ?
Les Core Web Vitals sont un ensemble de trois métriques d’expérience utilisateur :
Google collecte des données pour ces statistiques auprès d’utilisateurs réels dans le cadre du Rapport sur l’expérience utilisateur Chrome. Les pages qui obtiennent de bons résultats sur ces mesures se classent plus haut dans les résultats de recherche.
Utilisez des conseils de priorité pour accélérer votre site Web
En avril dernier, Chrome a publié Conseils prioritaires, une nouvelle fonctionnalité HTML qui permet aux propriétaires de sites Web de marquer les ressources les plus importantes sur une page. Ceci est particulièrement utile pour les images qui provoquent la plus grande peinture de contenu.
Par défaut, toutes les images d’une page sont chargées avec une faible priorité. En effet, avant le rendu initial de la page, le navigateur ne peut pas dire si un élément d’image se retrouvera en tant qu’image principale ou en tant que petite icône dans le pied de page du site Web.
Par conséquent, il est courant que les images LCP soient d’abord chargées avec une faible priorité, puis passent ensuite à une priorité élevée. Cela signifie que le navigateur attendra plus longtemps avant de commencer à télécharger l’image.
Cette cascade de demande en montre un exemple. Notez la longue ligne grise où le navigateur connaît l’image mais décide qu’il n’a pas encore besoin de commencer à la charger.
Ajout de la fetchpriority="high" L’attribut résout ce problème. Le navigateur commence à charger l’image LCP dès qu’elle est découverte, ce qui entraîne l’apparition beaucoup plus tôt du plus grand dessin de contenu.
Exécutez des tests de vitesse de site de haute qualité
Il existe de nombreux outils de vitesse de site gratuits disponibles sur le Web. Cependant, beaucoup de ceux qui sont basés sur l’outil Google Lighthouse utilisent quelque chose appelé limitation simulée, ce qui peut entraîner la publication de statistiques inexactes. Cela s’applique également à Google Informations sur la vitesse de la page outil.
Vous pouvez utiliser le test gratuit de vitesse du site Web DebugBear pour obtenir des données de performances précises pour votre site Web. Les rapports incluent à la fois des résultats de tests de laboratoire détaillés et des données d’utilisateurs réels provenant du Rapport d’expérience utilisateur Chrome (CrUX).
La nouvelle métrique Interaction to Next Paint (INP)
Core Web Vitals va évoluer et, en 2022, Google a publié une nouvelle métrique expérimentale appelée Interaction avec la peinture suivante. Il mesure le temps qu’il faut à l’utilisateur pour se mettre à jour après qu’un utilisateur a interagi avec la page.
Une interaction de l’utilisateur déclenche souvent l’exécution de JavaScript sur la page, ce qui met à jour le code HTML de la page. Ensuite, ces modifications de page doivent être rendues par le navigateur pour afficher le contenu mis à jour à l’utilisateur.
L’interaction avec le dessin suivant cherche à résoudre deux limites de la métrique First Input Delay :
- Le FID n’inclut pas le temps passé à traiter les entrées de l’utilisateur
- FID ne regarde que la première interaction de l’utilisateur
Plus que 90% des sites se débrouillent actuellement bien sur la métrique du premier délai d’entrée, bien plus que ce n’est le cas pour les deux autres Core Web Vitals. INP pourrait donc remplacer le premier délai d’entrée à l’avenir, car il fournit une meilleure évaluation de la qualité de l’expérience utilisateur d’un site Web.
Profitez d’une meilleure prise en charge des images dans Safari
Le téléchargement d’images prend beaucoup de bande passante, de sorte que les fabricants de navigateurs travaillent constamment sur de nouveaux formats d’image et de nouvelles fonctionnalités de plate-forme. Malheureusement, il faut un certain temps pour que ces fonctionnalités soient entièrement prises en charge dans tous les principaux navigateurs.
Heureusement, il y a eu des progrès dans Safari l’année dernière. Safari a été le dernier grand navigateur à commencer à prendre en charge le nouveau, plus compact Format d’image AVIF. Safari prend désormais en charge chargement paresseux d’image native en utilisant le loading="lazy" attribut.
Identifiez et éliminez les ressources bloquant le rendu
Ressources bloquant le rendu peut avoir un impact important sur la vitesse de votre site Web. De nombreuses feuilles de style CSS et requêtes JavaScript bloquent le rendu, ce qui signifie qu’aucun contenu ne s’affichera sur votre site Web tant que ces fichiers n’auront pas été téléchargés.
Pour aider les propriétaires de sites Web à optimiser le temps de chargement des pages, Google a lancé de meilleurs outils pour signaler les ressources bloquant le rendu. Par example, le nouvel onglet Performance Insights dans Chrome DevTools indique quelles requêtes bloquent le rendu.
Surveiller les Core Web Vitals au fil du temps
Prêt à mettre certains de ces conseils en pratique ?
L’utilisation d’un outil de surveillance continue de votre site Web vous permet de vérifier que vos optimisations de performances fonctionnent vraiment et vous assure d’être alerté lorsque les performances se détériorent. Vous pouvez également consulter les résultats des tests passés pour comprendre ce qui a changé.
DebugBear peut surveiller les Core Web Vitals de votre site Web et ceux de vos concurrents au fil du temps et fournit les rapports détaillés dont vous avez besoin pour optimiser votre site Web. Les rapports vous permettent également de démontrer l’impact que vous avez eu sur les clients et le reste de votre équipe.
DebugBear aussi garde une trace des scores Lighthouse pour la performance, le référencement et l’accessibilité. Vous obtenez une ventilation détaillée des audits que vous devez améliorer. Démarrez votre essai gratuit de 14 jours aujourd’hui et rencontrez les Core Web Vitals cette année.
