Le contrôle technique de votre site web
Imaginez que votre site internet soit une voiture. Pour circuler sur les routes de Google, cette voiture doit passer un contrôle technique. Ce contrôle ne mesure pas si votre voiture est belle ou confortable — il vérifie des critères objectifs de sécurité et de fiabilité : freins, émissions, éclairage.
Les Core Web Vitals, c’est le contrôle technique de votre site web. Sauf que c’est Google qui fait passer le contrôle, et que les résultats influencent directement votre positionnement dans ses résultats de recherche.
Depuis mai 2021, Google intègre officiellement ces métriques dans son algorithme de classement. Un site qui réussit ce contrôle technique bénéficie d’un avantage SEO. Un site qui le rate est pénalisé — même si son contenu est excellent par ailleurs.
La bonne nouvelle : vous n’avez pas besoin d’être développeur pour comprendre ces métriques. Ce guide vous explique chacune d’elles avec des analogies du quotidien.
LCP — Largest Contentful Paint : “combien de temps avant de voir quelque chose ?”
Ce que ça mesure
Le LCP mesure le temps écoulé entre le moment où l’utilisateur clique sur un lien vers votre page et le moment où l’élément principal de cette page s’affiche à l’écran. Cet élément principal, c’est généralement l’image en haut de page, le titre principal, ou le premier bloc de contenu visible.
L’analogie
C’est comme entrer dans un restaurant et attendre que le premier plat arrive. Passé 2,5 minutes, vous regardez votre montre. Passé 4 minutes, vous commencez à regretter d’être venu. Passé 6 minutes, vous cherchez la sortie.
Sur un site web, vos visiteurs sont encore moins patients. La tolérance moyenne est de 3 secondes — au-delà, plus de la moitié d’entre eux partent.
Les seuils Google
- Bon : LCP < 2,5 secondes
- À améliorer : entre 2,5 et 4 secondes
- Mauvais : LCP > 4 secondes
Ce qui plombe le LCP
- Une grande image hero non compressée (la plus fréquente des causes)
- Un serveur lent qui met du temps à répondre
- Des scripts JavaScript bloquant l’affichage de la page
- Des polices de caractères chargées depuis des serveurs externes
INP — Interaction to Next Paint : “votre site répond-il vite quand on clique ?”
Ce que ça mesure
L’INP (Interaction to Next Paint) mesure la réactivité de votre site. Concrètement : quand un visiteur clique sur un bouton, un lien, un menu ou remplit un formulaire, combien de temps faut-il avant que la page réagisse visuellement ?
Ce n’est pas le temps de chargement initial — c’est la fluidité des interactions au fil de la navigation.
L’analogie
Imaginez un interrupteur de lumière qui s’allume avec 1 seconde de délai après que vous l’avez actionné. La lumière finit par s’allumer, mais cette fraction de seconde d’attente inattendue est profondément désagréable. Sur un site web, tout clic qui ne répond pas immédiatement crée ce type de frustration.
Les seuils Google
- Bon : INP < 200 millisecondes
- À améliorer : entre 200 et 500 ms
- Mauvais : INP > 500 ms
Ce qui plombe l’INP
- Du JavaScript lourd qui monopolise le processeur du navigateur
- Des scripts tiers (publicités, analytics, chat) qui surchargent le navigateur
- Des animations complexes mal optimisées
- Trop de code JavaScript exécuté en parallèle
CLS — Cumulative Layout Shift : “la page bouge-t-elle pendant le chargement ?”
Ce que ça mesure
Le CLS mesure la stabilité visuelle de votre page pendant son chargement. Si des éléments se déplacent soudainement — parce qu’une image se charge, parce qu’une publicité apparaît, parce qu’une police se substitue à une autre — le CLS augmente.
L’analogie
Vous lisez un article en ligne, votre doigt est sur l’écran pour scroller, et soudain une bannière publicitaire se charge et pousse tout le contenu vers le bas. Vous venez de cliquer sur quelque chose que vous ne vouliez pas cliquer. C’est exactement ce que mesure le CLS.
C’est non seulement frustrant, mais aussi problématique pour l’accessibilité : les personnes souffrant de troubles moteurs ou visuels sont particulièrement pénalisées par les pages instables.
Les seuils Google
- Bon : CLS < 0,1
- À améliorer : entre 0,1 et 0,25
- Mauvais : CLS > 0,25
Ce qui plombe le CLS
- Des images sans dimensions (largeur et hauteur) définies dans le code HTML — le navigateur ne peut pas réserver l’espace avant le chargement
- Des publicités qui s’insèrent dans le contenu après le chargement initial
- Des polices de caractères qui se substituent (le texte change de taille lors du chargement de la police)
- Des éléments dynamiques insérés au-dessus du contenu existant
Comment mesurer vos Core Web Vitals
Plusieurs outils gratuits vous permettent de vérifier vos scores.
Google PageSpeed Insights
Rendez-vous sur pagespeed.web.dev, entrez l’URL de votre page d’accueil (ou de n’importe quelle page) et cliquez sur “Analyser”. Vous obtiendrez :
- Un score global de 0 à 100 (visez > 90 sur mobile)
- Les valeurs de chaque Core Web Vital
- Une liste de recommandations priorisées
Attention : tester la version mobile est plus exigeant et plus représentatif de votre trafic réel.
Google Search Console
Si votre site est connecté à Google Search Console (ce qu’il devrait être), la section “Core Web Vitals” vous donne une vue agrégée des performances réelles de toutes vos pages, basée sur les données des utilisateurs Chrome. C’est plus fiable qu’un test ponctuel car cela reflète des conditions réelles de connexion et d’appareil.
Chrome DevTools
Pour les plus curieux : dans Chrome, appuyez sur F12, allez dans l’onglet “Lighthouse” et lancez un audit. Vous obtiendrez un rapport détaillé avec les optimisations recommandées, page par page.
Ce que vous pouvez faire sans développeur
Certaines optimisations sont accessibles sans aucune compétence technique :
Compressez vos images avant de les uploader. Utilisez Squoosh (gratuit, en ligne) pour convertir vos images en WebP et les compresser sans perte de qualité visible. Une image de 2 Mo réduite à 200 Ko améliore drastiquement le LCP.
Réduisez le nombre de plugins WordPress. Chaque plugin installé ajoute du code JavaScript et CSS supplémentaire. Désactivez et supprimez les plugins que vous n’utilisez pas activement.
Évitez les images sans dimensions définies. Si vous gérez votre contenu via un CMS, assurez-vous que chaque image a une largeur et une hauteur renseignées. Cela évite le CLS.
Ce qu’il faut un expert pour traiter
Certaines optimisations nécessitent une intervention technique :
- L’architecture de chargement des scripts : différer les scripts non critiques, utiliser
asyncetdefercorrectement - Le Critical CSS : extraire et injecter en ligne le CSS nécessaire au premier affichage
- L’optimisation des images côté serveur : génération automatique de WebP/AVIF, lazy loading intelligent
- Le choix de la technologie : certains frameworks (Astro, Next.js) sont architecturalement plus performants que WordPress par défaut
- La configuration du CDN et du cache : réduire le TTFB en servant les fichiers depuis des serveurs géographiquement proches de l’utilisateur
Conclusion
Les Core Web Vitals ne sont pas de simples métriques techniques — ce sont des indicateurs de l’expérience réelle de vos visiteurs. Un LCP élevé, c’est un client qui attend trop longtemps et part. Un CLS élevé, c’est un client frustré qui clique au mauvais endroit. Un mauvais INP, c’est une navigation laborieuse qui décourage l’exploration de votre site.
Améliorer ces métriques, c’est simultanément améliorer votre SEO, réduire votre taux de rebond et augmenter vos conversions. C’est un investissement aux retours mesurables.
Vous ne savez pas où en sont vos scores ? Demandez un audit technique gratuit de votre site. Nous analysons vos Core Web Vitals, identifions les points bloquants et vous proposons un plan d’action priorisé.
