Vous suivez les perfs de vos pages, vous avez entendu parler des Core Web Vitals, mais entre tous les outils disponibles, pas simple de savoir où cliquer, quoi regarder, ni à quel moment. Pas de panique, on fait le tri ensemble.

Qu'est-ce que les Core Web Vitals

Pendant des années, on a mesuré la performance web avec des indicateurs comme le TTFB ou le nombre de requêtes JavaScript. Mais avec l’arrivée d’HTTP/2, la montée en puissance des frameworks front et l’évolution des navigateurs, ces métriques ont perdu de leur pertinence. Ce n’est plus seulement une question de vitesse brute, mais de ressenti utilisateur.

C’est pour ça que Google a introduit les Core Web Vitals : trois indicateurs qui traduisent de manière concrète ce que perçoit un utilisateur quand il navigue sur une page. Est-ce que ça charge vite ? Est-ce que c’est stable ? Est-ce que ça répond bien quand on clique ?

Voici les trois métriques principales :

• INP (Interaction to Next Paint) : depuis mars 2024, l’INP a remplacé le FID. Il mesure le délai entre une interaction utilisateur (clic, tap) et le moment où le site affiche une réponse visuelle. C’est un signal fort de réactivité.

• LCP (Largest Contentful Paint) : il mesure le moment où le plus gros élément visible de la page (souvent une image ou un titre) s’affiche complètement dans la fenêtre. Un bon LCP dépend souvent du template, de l’appareil ou même d’un détail comme une pop-up de consentement.

• CLS (Cumulative Layout Shift) : cet indicateur évalue la stabilité visuelle. Il détecte les décalages inattendus pendant toute la durée de vie de la page, pas seulement au chargement. Typiquement, un bouton qui bouge au moment où on allait cliquer dessus.

CrUX : les vrais chiffres, depuis les vrais utilisateurs

Ce qu’un outil de performance vous affiche en local ne reflète pas forcément l’expérience de vos visiteurs. Ce sont des tests en labo, dans un environnement standard. Mais Google, lui, regarde autre chose : les données réelles, issues du terrain. Et c’est là que CrUX entre en jeu.

CrUX, pour Chrome User Experience Report, c’est une base de données publique alimentée par les utilisateurs du navigateur Chrome. Elle collecte des métriques de performance réelles, dans les conditions de navigation du quotidien : un smartphone classique, une 4G pas toujours stable, des onglets ouverts en arrière-plan, etc..

Ces données sont dites "field", par opposition aux données "lab", générées localement avec des outils comme Lighthouse. Les données CrUX sont celles que Google utilise pour juger de vos Core Web Vitals dans son algorithme. Autrement dit, un bon score PageSpeed ne garantit rien si les données CrUX, elles, sont mauvaises. Ce sont ces dernières qui pèsent réellement.

Vous pouvez consulter ces données :

• Via PageSpeed Insights, si votre URL reçoit assez de trafic
• Dans Search Console, avec le rapport dédié aux "Signaux Web essentiels"
• Ou de façon plus avancée via l’API CrUX ou BigQuery, si vous avez besoin de faire des analyses à grande échelle

À noter que CrUX ne couvre pas toutes les pages. Il faut un certain volume de trafic pour qu’une URL remonte dans la base. Pour les sites récents, peu visités ou très niche, certaines pages ne seront tout simplement pas mesurées. Mais à l’échelle d’un site établi, c’est un excellent reflet de l’expérience utilisateur réelle.

11 outils pour mesurer et suivre vos Core Web Vitals

Il...