Vous avez entendu parler des Core Web Vitals mais vous ne comprenez pas vraiment ce que ça signifie ? Vous voyez votre webmaster mentionner LCP, INP, CLS sans savoir si c'est important ou comment les améliorer ? Cet article explique simplement, sans jargon, ce que sont les Core Web Vitals, pourquoi ils comptent en 2026, et comment savoir si votre site est bon ou mauvais.

Que sont les Core Web Vitals ?

Les Core Web Vitals (CWV) sont 3 indicateurs créés par Google pour mesurer la qualité d'expérience utilisateur d'une page web. Lancés en 2020, devenus facteur de classement Google en 2021. Mise à jour majeure en mars 2024 : INP a remplacé FID.

Pourquoi Google les a créés

Pour pousser tous les sites web à offrir une meilleure expérience utilisateur. Un site lent ou instable visuellement frustre les visiteurs et nuit à leur expérience. Google récompense les sites rapides et stables avec un meilleur classement.

Les 3 indicateurs en résumé

  • LCP (Largest Contentful Paint) — Vitesse de chargement
  • INP (Interaction to Next Paint) — Réactivité aux clics
  • CLS (Cumulative Layout Shift) — Stabilité visuelle

LCP : Largest Contentful Paint

Définition simple

Le LCP mesure combien de temps il faut pour que le plus gros élément visible à l'écran apparaisse. Typiquement : image hero, titre principal H1, ou bloc de texte important.

Seuils Google

  • Bon : LCP <2,5 secondes (vert)
  • À améliorer : LCP entre 2,5 et 4 secondes (orange)
  • Mauvais : LCP >4 secondes (rouge)

Pourquoi c'est important

Si votre site met 5 secondes à afficher son contenu principal, 53 % des visiteurs mobile partent avant la fin du chargement (Google data 2025). Vous perdez littéralement la moitié de vos visiteurs avant qu'ils voient quoi que ce soit.

Causes typiques de mauvais LCP

  • Image hero lourde non optimisée (5 Mo en JPEG au lieu de 200 Ko en WebP)
  • Polices web bloquantes (Google Fonts via CDN)
  • Hébergement mutualisé lent (TTFB >500 ms)
  • JavaScript bloquant le rendu
  • Pas de CDN (visiteur en France charge depuis serveur US)

INP : Interaction to Next Paint

Définition simple

L'INP mesure combien de temps il faut entre l'instant où vous cliquez sur un bouton et l'instant où la page réagit visuellement. Si vous cliquez "Ajouter au panier" et qu'il faut 1 seconde pour voir l'animation : INP = 1000 ms.

Seuils Google

  • Bon : INP <200 ms (vert)
  • À améliorer : INP entre 200 et 500 ms (orange)
  • Mauvais : INP >500 ms (rouge)

Mise à jour mars 2024 : INP remplace FID

Avant mars 2024, Google utilisait FID (First Input Delay) qui mesurait uniquement le délai de la première interaction. INP mesure désormais toutes les interactions de la page, plus représentatif de l'expérience réelle.

Causes typiques de mauvais INP

  • Trop de JavaScript chargé en bloquant (Vue, React, jQuery, scripts marketing)
  • Tracking analytics multiples (GA4, Facebook Pixel, Hotjar simultanés)
  • Plugins WordPress non optimisés
  • Animations JavaScript lourdes
  • Calculs synchrones bloquant le thread principal

CLS : Cumulative Layout Shift

Définition simple

Le CLS mesure combien les éléments de la page bougent visuellement pendant le chargement. Vous connaissez la frustration : vous voulez cliquer sur un bouton, mais une image se charge et pousse le bouton plus bas, vous cliquez sur autre chose. C'est ça, le CLS.

Seuils Google

  • Bon : CLS <0,1 (vert)
  • À améliorer : CLS entre 0,1 et 0,25 (orange)
  • Mauvais : CLS >0,25 (rouge)

Causes typiques de mauvais CLS

  • Images sans dimensions explicites (width et height non définis)
  • Polices custom qui changent de taille au chargement (FOIT/FOUT)
  • Bannières publicitaires qui apparaissent en cours de chargement
  • Bannière cookie qui pousse le contenu
  • Iframes (YouTube, Maps) sans dimensions
  • Animations qui modifient la mise en page

Comment mesurer ses CWV ?

1. PageSpeed Insights (recommandé)

Outil gratuit Google : pagespeed.web.dev. Saisir l'URL de votre page, obtenir score Performance + détail LCP/INP/CLS mobile et desktop. Données réelles utilisateurs (CrUX) si trafic suffisant.

2. Google Search Console

Onglet "Expérience" puis "Core Web Vitals". Vue d'ensemble de toutes vos pages classées par état (bon/à améliorer/mauvais). Indispensable pour identifier les pages problématiques.

3. Chrome DevTools Lighthouse

Audit local depuis Chrome (F12 → Lighthouse). Génère rapport détaillé avec recommandations spécifiques. Limite : test ponctuel sur votre machine, ne reflète pas l'expérience moyenne utilisateur.

4. Web Vitals Chrome Extension

Extension Chrome gratuite officielle Google. Affiche LCP/INP/CLS en temps réel sur n'importe quelle page que vous visitez. Pratique pour tester sites concurrents.

Comment améliorer ses CWV ?

Améliorer le LCP

  • Optimiser image hero : WebP/AVIF, dimensions appropriées, <200 Ko
  • Utiliser fetchpriority="high" sur l'image LCP
  • Preload des polices critiques
  • Auto-héberger les polices (pas Google Fonts CDN)
  • Activer un CDN edge mondial (Netlify, Vercel, Cloudflare)
  • Migrer vers hébergement performance (TTFB <200 ms)
  • Inliner CSS critique (above-the-fold)

Améliorer l'INP

  • Réduire le JavaScript non utilisé
  • Code-splitting (charger JS uniquement quand nécessaire)
  • Différer scripts tiers non critiques (analytics, chat)
  • Utiliser web workers pour calculs lourds
  • Optimiser ou remplacer plugins WordPress lourds
  • Migrer vers framework moderne (Astro 5 = JS minimal par défaut)

Améliorer le CLS

  • Toujours définir width et height sur images et iframes
  • Utiliser aspect-ratio CSS pour conteneurs
  • Préallouer espace pour bannières publicitaires
  • Utiliser font-display: optional ou self-host fonts
  • Bannière cookie en overlay (pas push contenu)
  • Ne pas ajouter contenu au-dessus du contenu existant

Questions fréquentes

Mon site est lent. Faut-il refondre ou optimiser ?

Dépend du framework. Sur WordPress avec thème lourd (Elementor, Divi), atteindre LCP <2,5s mobile demande 1500-3000 € d'optimisations + hébergement performance 200-500 €/mois. Souvent plus rentable de refondre vers Astro 5 (Refonte Standard 1290 € HT, Lighthouse 95+ garanti). Voir guide refonte.

Les CWV impactent-ils vraiment mon référencement ?

Oui, depuis 2021. Études (Backlinko 2024, SEMrush 2025) montrent boost de classement 5-15 % pour sites avec CWV verts. Plus important pour requêtes concurrentielles. Sites avec LCP >4s perdent 30-50 % visibilité organique. En 2026 avec AI Overviews, l'impact est encore plus fort (Google privilégie sites rapides pour citations).

Quel score Lighthouse viser pour un site TPE ?

Cible minimale 2026 : Lighthouse 90+ sur les 4 catégories (Performance, A11y, BP, SEO). Cible premium : Lighthouse 100. Phare du Web garantit contractuellement Lighthouse 95+ sur tous packs. Voir comment atteindre Lighthouse 95+.

Mon hébergeur dit que mon site est rapide, pourquoi Google dit le contraire ?

Hébergeurs mesurent souvent uniquement TTFB (Time To First Byte) côté serveur, pas l'expérience utilisateur complète. Les CWV mesurent l'expérience réelle visiteur (téléchargement, parsing, rendu, interactivité). Un site avec TTFB 100 ms peut avoir LCP 5 s à cause d'images lourdes ou JavaScript bloquant.

Conclusion

Les Core Web Vitals sont devenus en 2026 un pilier essentiel du référencement Google. Trois indicateurs simples : LCP <2,5s, INP <200ms, CLS <0,1. Mesurer avec PageSpeed Insights et Search Console. Améliorer en optimisant images, polices, JavaScript, hébergement. Sur WordPress lourd, refonte Astro 5 souvent plus rentable.

Cet article a été publié le 10 mai 2026 par Julien Debeaume, webmaster freelance à Marzan. Pour aller plus loin : page refonte performance, ou demandez un audit Core Web Vitals gratuit sous 24 h.