Core Web Vitals : tout comprendre pour améliorer votre SEO en 2026
Les Core Web Vitals sont des facteurs de classement Google depuis 2021. Ce guide explique LCP, INP, CLS avec des exemples concrets, les seuils à atteindre et les actions pour les améliorer.
Les Core Web Vitals sont devenus l'un des signaux officiels de classement Google depuis le Page Experience Update de 2021. Concrètement : un site avec de mauvais Core Web Vitals peut perdre des positions, même si son contenu est excellent.
Ce guide explique ce que sont les Core Web Vitals, comment les mesurer, et surtout comment les améliorer — avec des actions concrètes, pas de la théorie.
Sommaire
Lire aussi— dans la même thématique: SEO & Référencement
Consultation offerte
Vous avez un projet ? Parlons stratégie.
30 min, sans engagement. On analyse votre situation et on vous dit ce qu'on ferait.
1. Qu'est-ce que les Core Web Vitals ?
Les Core Web Vitals (CWV) sont 3 métriques définies par Google pour mesurer l'expérience utilisateur réelle sur une page web. Elles mesurent :
Google les a intégrés comme facteurs de classement car ils reflètent ce que les utilisateurs vivent réellement — pas des métriques techniques abstraites.
Pourquoi Google s'y intéresse ?
Google a un objectif simple : que les utilisateurs trouvent ce qu'ils cherchent rapidement et facilement. Si les pages qu'il indexe se chargent lentement ou sont instables, les utilisateurs sont frustrés — et cherchent ailleurs. En intégrant les CWV dans son algorithme, Google incite les propriétaires de sites à améliorer l'expérience.
Données terrain vs données laboratoire
Il existe deux types de données CWV :
Données de terrain (Field Data) : Collectées par Chrome sur de vraies visites d'utilisateurs. C'est ce que Google utilise pour le classement. Disponibles via le Chrome UX Report (CrUX) et Google Search Console.
Données de laboratoire (Lab Data) : Simulées par des outils comme PageSpeed Insights, Lighthouse, ou WebPageTest. Utiles pour le diagnostic, mais pas directement utilisées par Google.
Important : Votre score PageSpeed Insights ne suffit pas. Ce qui compte pour le classement, c'est vos données de terrain.
2. LCP — Largest Contentful Paint : la vitesse de chargement
Définition
Le LCP mesure le temps nécessaire pour que l'élément le plus grand visible dans le viewport (fenêtre de navigation) soit entièrement chargé et rendu.
L'élément LCP est généralement :
Seuils Google
Ce qui dégrade le LCP
3. INP — Interaction to Next Paint : la réactivité
Définition
L'INP mesure la réactivité de votre page à toutes les interactions de l'utilisateur (clics, touches de clavier, tapotements sur mobile). C'est le temps entre l'action de l'utilisateur et le moment où la page lui répond visuellement.
L'INP a remplacé le FID (First Input Delay) en mars 2024. La différence : le FID ne mesurait que la première interaction, l'INP mesure toutes les interactions tout au long de la session.
Seuils Google
Ce qui dégrade l'INP
Cas typiques
4. CLS — Cumulative Layout Shift : la stabilité visuelle
Définition
Le CLS mesure les déplacements inattendus des éléments de la page pendant le chargement. Vous connaissez ce phénomène : vous vous apprêtez à cliquer sur un bouton, et soudain la page "saute" parce qu'une image vient de se charger — et vous cliquez sur la mauvaise chose.
Le score CLS est calculé sur la somme des layout shifts non-attendus. Plus il est proche de 0, plus la page est stable.
Seuils Google
Ce qui provoque le CLS
5. Comment mesurer vos Core Web Vitals
Outil 1 : Google Search Console (données terrain réelles)
Allez dans Search Console → Expérience → Signaux web essentiels. Vous verrez :
C'est la source de vérité pour le SEO : ce sont les données que Google utilise.
Outil 2 : PageSpeed Insights
pagespeed.web.dev — entrez votre URL et obtenez :
Attention : Testez TOUJOURS en mobile. Google utilise l'indexation mobile-first depuis 2019.
Outil 3 : Chrome DevTools
Dans Chrome, ouvrez DevTools (F12) → onglet "Performance". Vous pouvez enregistrer et analyser en détail le chargement de votre page.
Pour le CLS : onglet "Rendering" → cochez "Layout Shift Regions" pour visualiser les zones qui bougent.
Outil 4 : WebPageTest
webpagetest.org — tests plus avancés avec choix de localisation, connexion réseau, navigateur. Idéal pour reproduire l'expérience d'un utilisateur en France sur 4G.
Outil 5 : Lighthouse (CLI ou extension Chrome)
Audit complet performance, accessibilité, SEO, bonnes pratiques. Disponible en extension Chrome ou en ligne de commande.
6. Les seuils à atteindre en résumé
| Métrique | Bon | À améliorer | Mauvais |
|---|---|---|---|
| LCP | ≤ 2,5s | 2,5s – 4s | > 4s |
| INP | ≤ 200ms | 200ms – 500ms | > 500ms |
| CLS | ≤ 0,1 | 0,1 – 0,25 | > 0,25 |
Pour que votre page soit considérée comme "réussissant" les CWV, les trois métriques doivent être dans la zone "Bon" pour au moins 75 % des visites de la page.
7. Actions concrètes pour améliorer chaque métrique
Améliorer le LCP
Action 1 : Optimiser l'image LCP
Action 2 : Précharger l'image LCP
Ajoutez dans le <head> de votre page :
<link rel="preload" as="image" href="/images/hero.webp" fetchpriority="high">Action 3 : Améliorer le TTFB (Time to First Byte)
Action 4 : Éliminer le CSS bloquant
<head>Améliorer l'INP
Action 1 : Différer les scripts non-critiques
<script src="analytics.js" defer></script>
<script src="chatbot.js" async></script>Action 2 : Découper les Long Tasks
Utilisez setTimeout(0) ou scheduler.yield() pour découper les tâches longues en morceaux plus petits, permettant au navigateur de répondre aux interactions entre chaque morceau.
Action 3 : Limiter les scripts tiers
Chaque script tiers (analytics, chat, pub, fonts) a un coût sur l'INP. Auditez et supprimez ce qui n'est pas indispensable.
Action 4 : Simplifier le DOM
Un DOM de plus de 1 500 éléments est un signal d'alerte. Simplifiez vos structures HTML et évitez les imbrications profondes inutiles.
Améliorer le CLS
Action 1 : Toujours définir width et height sur les images
<img src="product.webp" width="800" height="600" alt="Produit">Ou en CSS :
img { aspect-ratio: 4/3; }Action 2 : Réserver l'espace pour les publicités et embeds
.ad-container { min-height: 250px; }Action 3 : Utiliser font-display: swap
@font-face {
font-family: 'MaPolice';
src: url('mapolice.woff2') format('woff2');
font-display: swap;
}Action 4 : Ne pas insérer de contenu au-dessus du contenu existant
Les bannières de cookies, alertes et notifications doivent apparaître en bas de page ou en superposition (fixed), jamais en repoussant le contenu existant vers le bas.
8. Impact réel sur le SEO
Google a été clair : les Core Web Vitals sont un "tie-breaker". Si deux pages ont un contenu de qualité équivalente, celle avec les meilleurs CWV sera mieux classée.
En pratique, l'impact varie selon les secteurs :
Ce qui reste primordial : Un excellent contenu avec de mauvais CWV battra toujours un mauvais contenu avec d'excellents CWV. Les CWV sont un signal parmi des centaines. Mais sur un marché compétitif où les contenus sont comparables, c'est le différenciateur.
9. Questions fréquentes
Les Core Web Vitals impactent-ils le classement mobile et desktop séparément ?
Oui. Google évalue les CWV séparément pour mobile et desktop. Comme Google utilise l'index mobile-first, vos scores mobile sont plus importants.
Mon site a de bons scores Lighthouse mais de mauvais CWV dans Search Console. Pourquoi ?
Lighthouse est un test de laboratoire (conditions idéales). Les CWV dans Search Console sont des données terrain réelles (connexions lentes, mobiles moins puissants, scripts tiers...). Les conditions réelles sont toujours pires.
Combien de temps pour voir l'impact d'une amélioration CWV sur le SEO ?
Google collecte les données CWV sur une fenêtre glissante de 28 jours. L'amélioration dans Search Console prend 4-8 semaines. L'impact sur le classement peut prendre 2-3 mois.
Un plugin WordPress peut-il améliorer mes CWV ?
Partiellement. Des plugins comme WP Rocket, Perfmatters ou LiteSpeed Cache améliorent le LCP et le CLS. Mais pour une amélioration profonde de l'INP, il faut souvent retoucher le code JavaScript.
Flowify optimise-t-il les Core Web Vitals ?
Oui. Chaque site que nous créons est optimisé pour atteindre des scores CWV "Bon" sur mobile. Nous proposons également des audits de performance pour les sites existants. Consultez nos tarifs.
Besoin d'un accompagnement expert ?
Flowify accompagne les entreprises françaises dans leur stratégie digitale. Contactez-nous pour un audit gratuit.
Obtenir un devis gratuit