Core Web Vitals de Google sont des indicateurs d'expérience qui mesurent les performances d'un site et la qualité de l'expérience utilisateur qu'il propose. En juin 2021, Google a publié une amélioration de ses mesures d'expérience utilisateur appelée Core Web Vitals, qui met l'accent sur la vitesse de chargement, l'interactivité et la stabilité visuelle. Ces éléments essentiels du Web sont les suivants : le décalage cumulé de la mise en page (CLS), le délai de première entrée (FID), le Largest Contentful Paint (LCP), l'interaction avec la peinture suivante (INP) et le délai jusqu'au premier octet
Core Web Vitals sont importants car ils constituent un ensemble commun de mesures et de points de référence utilisés dans de nombreux services Google et qui ont un impact direct sur le classement des recherches. En mesurant et en optimisant votre site pour Core Web Vitals, vous améliorez également l'expérience utilisateur globale de votre site
Pour plus d'informations sur Core Web Vitals, regardez la vidéo suivante :
CLS mesure la stabilité visuelle du contenu d'une page en comptant la somme de tous les scores de changement de mise en page individuels pour chaque changement de mise en page inattendu survenant pendant toute la durée de vie de la page. Un changement de mise en page se produit lorsqu'un élément change par rapport à sa position de départ en raison du chargement des ressources plus tard dans le cycle de vie d'une page et de la diffusion du contenu en dessous de celle-ci vers le bas de la page. Par exemple, un utilisateur fait des achats en ligne et, au moment où il essaie de cliquer sur le bouton Ajouter au panier, une annonce s'affiche au-dessus du bouton et le pousse vers le bas. Ce changement de mise en page amène l'utilisateur à cliquer accidentellement sur l'annonce au lieu du bouton Ajouter au panier. Un CLS faible peut contribuer à garantir à vos utilisateurs une expérience positive sur votre site et à accomplir rapidement ce qu'ils sont venus faire
FID mesure le délai d'interactivité et de réactivité. Il s'agit du moment entre le moment où l'utilisateur interagit avec votre contenu en cliquant sur un lien, en appuyant sur un bouton ou en appuyant sur une touche et le moment où le navigateur traite cette interaction. Le FID ne compte que le délai, pas le temps nécessaire au traitement de l'événement ni le temps nécessaire à la mise à jour de l'interface utilisateur. Un retard se produit généralement parce que le navigateur est occupé à charger le reste du contenu de la page et ne peut pas encore répondre à l'interaction de l'utilisateur. Un FID court peut aider à augmenter les chances que l'utilisateur reste sur la page et interagisse avec votre contenu. Actuellement, la plupart des sites Web obtiennent de bons résultats en matière de mesure du FID.
Note
Le zoom et le défilement ne sont pas mesurés pour le FID.
LCP mesure le temps nécessaire au chargement du plus grand élément visible de la page par rapport au moment où la page a commencé à se charger. Au fur et à mesure que différents éléments se chargent, le LCP peut changer. Le navigateur arrête de mesurer le LCP lorsque l'utilisateur commence à interagir avec la page, car les interactions modifient généralement ce qui est visible pour l'utilisateur. Une vitesse de chargement rapide peut rassurer l'utilisateur sur l'utilité de la page, car il peut commencer à visualiser rapidement le contenu
Éléments qui peuvent être le LCP :
-
<img>
-
<image> inside an <svg>
-
<video>
-
Élément avec une image d'arrière-plan chargée à l'aide du
url()fonction au lieu d'un dégradé CSS -
Éléments de niveau bloc contenant des nœuds de texte ou d'autres éléments de texte de niveau en ligne (enfants)
Note
As Google expands their Core Web Vitals, they have indicated <svg> and <video> might be included as elements used to measure LCP in the future.
INP fait référence à la façon dont la page répond à des interactions utilisateur spécifiques programmées dans la métrique INP globale mesurée par les données de laboratoire et les données de terrain de Google Chrome. L'INP est conçu pour fournir une représentation du délai d'interaction global d'une page. Pour ce faire, il travaille à partir d'un échantillon des interactions les plus longues qui se produisent lorsqu'un utilisateur visite la page. Par exemple, si une page compte moins de 50 interactions au total, l'INP prend en compte l'interaction qui présente le plus grand retard absolu. La mesure de l'INP est une représentation du temps qu'un utilisateur doit attendre pour interagir avec l'ensemble de la page. Cela contraste directement avec le FID (First Input Delay).
L'INP s'intéresse aux types d'interactions suivants :
-
Tout clic de souris sur un élément interactif.
-
Appuyez simplement sur un élément interactif sur n'importe quel appareil équipé d'un écran tactile.
-
Appuyer sur une touche d'un clavier physique ou virtuel.
La documentation web.dev de Google explique qu'une bonne valeur INP est d'environ 200 millisecondes ou moins.
Note
L'INP a remplacé le FID en mars 2024. Si vous recevez un message de Google signalant que votre site présente des problèmes d'INP, vérifiez qu'il respecte les meilleures pratiques en vigueur (pour des informations détaillées sur les meilleures pratiques, voir Meilleures pratiques de Core Web Vitals).
TTFB mesure le temps nécessaire pour que le premier octet soit transféré par le serveur.
Le TTFB a longtemps été soupçonné d'être à l'origine de gains de performances significatifs, ce qui signifie que les professionnels du référencement devraient optimiser en priorité dans le cadre de leur processus de référencement.
Lorsque vous mesurez les Core Web Vitals, vous pouvez utiliser des données de laboratoire ou de terrain. Les données de laboratoire sont collectées à l'aide d'outils qui simulent le chargement et l'interaction d'une page. Les données de terrain sont collectées à partir de l'interaction réelle de l'utilisateur avec votre site Web. Il est recommandé d'utiliser des mesures réelles telles que le Real User Monitoring (RUM) au lieu de tests en laboratoire afin d'optimiser votre site avec plus de précision. de Google Données CruX set peut être utilisé pour mesurer votre site Web et constitue un excellent choix car c'est ce que Google utilise pour mesurer les Core Web Vitals.
Le CLS et le LCP peuvent être mesurés en laboratoire ou sur le terrain. Le FID ne peut être mesuré que sur le terrain car un utilisateur réel doit interagir avec le contenu. Nous vous recommandons vivement de tester chaque page de votre site Web.
Les outils suivants peuvent être utilisés pour mesurer les Core Web Vitals :
Outils de terrain :
-
Rapport sur l'expérience utilisateur de Chrome (recommandé)
-
Informations sur la vitesse de page (uniquement s'il y en a assez Données CruX; s'il n'y en a pas, il s'agit d'un outil de laboratoire)
Outils de laboratoire :
Note
L'outil WebPage Test de Google n'est plus recommandé par l'industrie.
Pour en savoir plus sur les différences entre Lighthouse et Core Web Vitals, consultez Comparaison entre Lighthouse et Core Web Vitals.
Pour qu'une page de votre site Web soit considérée comme une page de réussite, elle doit atteindre tous les indicateurs suivants au 75e centile :
-
CLS. Score de décalage de mise en page de 0,1 ou moins
-
FID. 0,1 seconde ou moins
-
LCP. 2,5 secondes ou moins
À l'heure actuelle, seuls 20 % des sites Web répondent à ces trois critères. Pour savoir comment optimiser votre site Web, consultez Meilleures pratiques de Core Web Vitals.