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.

Ce qu'il faut retenir :

  • LCP, INP et CLS mesurent vitesse, réactivité et stabilité d'une page.
  • Google utilise les données réelles de CrUX pour évaluer les sites.
  • 13 outils pour mesurer et suivre vos Core Web Vitals.

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.

13 outils pour mesurer et suivre vos Core Web Vitals

Il existe de nombreux outils pour mesurer les Core Web Vitals, mais tous ne servent pas le même objectif. Certains sont utiles pour des audits ponctuels, d'autres pour du suivi continu, et quelques-uns sont pensés pour une intégration technique plus poussée. Ce tableau vous aide à y voir plus clair, selon votre besoin et votre niveau.

Outil Usage principal Niveau technique Prix
PageSpeed Insights Audit ponctuel (SEO/perf) Faible Gratuit
Lighthouse Audit technique local Moyen Gratuit
Chrome DevTools Analyse détaillée front Avancé Gratuit
Search Console Suivi global site Faible Gratuit
WebPageTest Test en conditions réelles Moyen Freemium
Speetals Suivi SEO multi-sites Faible À partir de 29€/mois
Treo.sh Monitoring simple CrUX Faible À partir de 100€/mois
DebugBear Monitoring technique continu Avancé À partir de 99€/mois
PageRadar Suivi visuel + alertes Moyen À partir de 29€/mois
Datadog Monitoring prod DevOps Avancé Freemium

Les 3 outils que nous recommandons

Chrome DevTools

Incontournable pour visualiser ce que l’utilisateur voit vraiment et comprendre pourquoi une page se comporte mal. Parfait pour analyser un LCP ou un CLS à la volée.

Treo.sh

Idéal pour suivre l’évolution des Core Web Vitals réels dans le temps, avec une interface claire, sans se perdre dans un dashboard technique.

DebugBear

Parfait pour monitorer en continu, repérer des régressions et intégrer les performances dans un workflow produit ou CI/CD.


Et maintenant, on fait quoi avec ça ?

La bonne question n’est pas “quel est mon score Lighthouse”, mais “qu’est-ce que vivent mes utilisateurs”.
Les Core Web Vitals ne sont pas là pour vous piéger, mais pour vous aider à détecter les points de friction.
Choisissez 1 ou 2 outils que vous comprenez bien, regardez vos pages les plus critiques et commencez par là.
Pas besoin de tout monitorer. Ce qui compte, c’est d’améliorer ce qui compte vraiment.