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.