Core Web Vitals, cela vous dit quelque chose ?

Si la réponse est non, cet article est fait pour vous !

D’après Laurent :

Les Core Web Vitals, littéralement “Signaux Web essentiels” en français, sont un ensemble de métriques destinées à mesurer l’UX d’un site Web, entre autres son interactivité, la rapidité de chargement de ses pages et leur stabilité visuelle.

Ce matin, il m’a parlé en détail de la page experience avec le LCP, le FID et le CLS…

Poursuivez votre lecture pour en savoir plus !

Ma définition de Core Web Vitals

Google estime qu’il n’est désormais plus nécessaire de maîtriser son outil Page Speed Insight ou PSI pour mesurer les performances d’un site Web.

Il existe une autre alternative aussi efficace, qui consiste à se focaliser sur les signaux Web essentiels que les experts appellent “Core Web Vitals”.

Ces Signaux Web essentiels portent sur :

  • L’interactivité du site Internet,
  • La rapidité de chargement d’une page,
  • Et sa stabilité visuelle.

En d’autres termes, 3 signaux majeurs constituent les Core Web Vitals, notamment :

  • Le Largest Contentful Paint ou LCP,
  • Le First Input Delay ou FID,
  • Et le Cumulative Layout Shift ou CLS.

À quoi sert chacune de ces métriques ?

Les principaux signaux majeurs des Core Web Vitals ont chacun leur rôle.

Le Largest Contentful Paint

Il sert à mesurer la vitesse de chargement perçue, c’est-à-dire le temps que votre page prend pour afficher les principaux éléments utiles pour les visiteurs. Cette métrique ne mesure donc pas le chargement complet de la page.

Note : pour offrir une bonne UX à vos visiteurs, il est important que la majeure partie de votre contenu s’affiche dans les 2,5 secondes qui suivent le début du chargement de la page.

Le First Input Delay

Cet indicateur sert à quantifier le temps écoulé entre le moment où un visiteur interagit avec votre page et celui où le navigateur répond à cette interaction.

Note : vous avez un bon FID si votre page met moins de 100 millisecondes à réagir après un clic sur un bouton, sur un lien…

Le Cumulative Layout Shift

Cette métrique mesure la stabilité visuelle d’une page Web et la fréquence à laquelle les visiteurs subissent des changements de mise en page inattendus.

Note : un score CLS inférieur à 0,1 est hautement recommandé.

Comment mesurer les Core Web Vitals ?

Pour mesurer les Signaux Web essentiels, plusieurs outils Google sont à votre disposition, parmi lesquels :

  • Google Search Console,
  • Lighthouse,
  • Chrome UX Report (CrUX),
  • PageSpeed Insight,
  • Chrome DevTools,
  • L’extension Web Vitals…

Fasterize souligne que chacun de ces signaux représente une facette de l’expérience utilisateur, et ils sont mesurables en conditions réelles via les outils “Field” de Google (Real User Monitoring).