Core Web Vitals

Remarque : cette fonctionnalité n'est pas incluse dans votre configuration Smoobu. Les informations ci-dessous sont fournies à titre indicatif ; contactez le support Smoobu si vous en avez besoin.

Les 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 qu'il offre aux visiteurs. Google les a introduits en juin 2021 pour renforcer ses indicateurs d'expérience utilisateur ; ils portent sur la vitesse de chargement, l'interactivité et la stabilité visuelle.

Ces Core Web Vitals sont les suivants : Cumulative Layout Shift (CLS), First Input Delay (FID), Largest Contentful Paint (LCP), Interaction to Next Paint (INP) et Time to First Byte (TTFB).

Ils comptent parce qu'ils forment un ensemble d'indicateurs et de repères communs à de nombreux services Google et qu'ils influent directement sur le classement dans les recherches. En les mesurant et en optimisant votre site en conséquence, vous améliorez aussi l'expérience globale de vos visiteurs.

Les Core Web Vitals en détail

CLS

Le CLS mesure la stabilité visuelle du contenu d'une page en additionnant les scores de tous les décalages de mise en page imprévus qui surviennent pendant toute la durée de vie de la page. Un décalage se produit quand un élément quitte sa position initiale parce que des ressources chargées plus tard poussent vers le bas le contenu situé en dessous. Imaginez un visiteur en train de faire des achats : au moment où il veut cliquer sur le bouton d'ajout au panier, une publicité se charge au-dessus et fait descendre le bouton. Résultat, il clique par erreur sur la publicité. Un CLS faible garantit une expérience agréable et permet à vos visiteurs d'accomplir rapidement ce qu'ils sont venus faire.

FID

Le FID mesure le délai de réactivité et d'interactivité. Il correspond au temps qui s'écoule entre le moment où le visiteur agit sur votre contenu (clic sur un lien, appui sur un bouton ou sur une touche) et celui où le navigateur traite cette action. Il ne compte que ce délai, pas le temps de traitement de l'événement ni la mise à jour de l'interface. Ce délai vient généralement du fait que le navigateur est occupé à charger le reste de la page et ne peut pas encore répondre. Un FID court augmente les chances que le visiteur reste sur la page et interagisse avec votre contenu. Aujourd'hui, la plupart des sites obtiennent de bons résultats sur cet indicateur.

Remarque : le zoom et le défilement ne sont pas pris en compte dans le FID.

LCP

Le LCP mesure le temps de chargement du plus grand élément visible de la page, à partir du début du chargement. Il peut évoluer à mesure que les éléments se chargent. Le navigateur cesse de le mesurer dès que le visiteur commence à interagir, car une interaction modifie en général ce qui est visible à l'écran. Un chargement rapide rassure le visiteur sur l'utilité de la page, puisqu'il peut consulter le contenu sans attendre.

Les éléments susceptibles d'être le LCP :

• <img>
• <image> à l'intérieur d'un <svg>
• <video>
• un élément dont l'image d'arrière-plan est chargée avec la fonction url() plutôt qu'avec un dégradé CSS
• les éléments de type bloc qui contiennent des nœuds de texte ou d'autres éléments de texte en ligne

Remarque : à mesure que Google étend ses Core Web Vitals, la marque a indiqué que <svg> et <video> pourraient à l'avenir compter parmi les éléments servant à mesurer le LCP.

INP

L'INP reflète la façon dont la page répond à certaines interactions du visiteur, prises en compte dans l'indicateur global mesuré par Google Chrome à partir de données de laboratoire et de terrain. Il vise à représenter le délai d'interaction global d'une page en s'appuyant sur un échantillon de ses interactions les plus longues. Par exemple, si une page compte moins de 50 interactions au total, l'INP retient celle dont le délai est le pire. Il indique ainsi combien de temps un visiteur doit attendre pour interagir avec l'ensemble de la page, à l'inverse du FID (First Input Delay).

L'INP prend en compte les types d'interactions suivants :

• tout clic de souris sur un élément interactif ;
• toute pression sur un élément interactif, sur un appareil doté d'un écran tactile ;
• toute frappe sur un clavier physique ou à l'écran.

La documentation web.dev de Google précise qu'une bonne valeur d'INP se situe autour de 200 millisecondes ou moins.

Remarque : l'INP a remplacé le FID en mars 2024. Si Google vous signale des problèmes d'INP sur votre site, vérifiez que celui-ci respecte bien les bonnes pratiques en vigueur (pour le détail, voir « Core Web Vitals Best Practices »).

TTFB

Le TTFB mesure le temps nécessaire au serveur pour transférer le premier octet.

On lui prête depuis longtemps un rôle majeur dans les gains de performance : c'est donc un levier que les professionnels du SEO doivent optimiser en priorité.

Comment évaluer les Core Web Vitals

Vous pouvez mesurer les Core Web Vitals avec des données de laboratoire ou de terrain. Les données de laboratoire proviennent d'outils qui simulent le chargement d'une page et les interactions ; les données de terrain viennent des interactions réelles des visiteurs avec votre site. Pour optimiser votre site avec précision, mieux vaut s'appuyer sur des mesures réelles, comme le Real User Monitoring (RUM), plutôt que sur des tests de laboratoire. Le jeu de données CrUX de Google est un excellent choix, car c'est celui que Google utilise pour mesurer les Core Web Vitals.

Le CLS et le LCP se mesurent aussi bien en laboratoire que sur le terrain. Le FID, lui, ne se mesure que sur le terrain, car il faut qu'un vrai visiteur interagisse avec le contenu. Nous vous recommandons vivement de tester chaque page de votre site.

Les outils suivants permettent de mesurer les Core Web Vitals :

Outils de terrain :

• Chrome User Experience Report (recommandé)
• PageSpeed Insights (uniquement s'il existe assez de données CrUX ; sinon, il s'agit d'un outil de laboratoire)
• Search Console (rapport Core Web Vitals)
• bibliothèque JavaScript web-vitals

Outils de laboratoire :

• Chrome DevTools / Lighthouse
• PageSpeed Insights

Remarque : l'outil WebPage Test de Google n'est plus recommandé par le secteur. Pour en savoir plus sur les différences entre Lighthouse et les Core Web Vitals, voir « Lighthouse and Core Web Vitals Comparison ».

Scores idéaux

Pour qu'une page de votre site soit considérée comme conforme, elle doit atteindre toutes les valeurs suivantes au 75e centile :

• CLS : score de décalage de 0,1 ou moins
• FID : 0,1 seconde ou moins
• LCP : 2,5 secondes ou moins

Aujourd'hui, seuls 20 % des sites réussissent ces trois mesures. Pour apprendre à optimiser votre site, voir « Core Web Vitals Best Practices ».