Core Web Vitals expliqués : le guide non-technique pour comprendre la vitesse de votre site en 2026
Vous avez probablement déjà entendu parler des "Core Web Vitals" sans vraiment comprendre ce que ça veut dire — ni pourquoi votre développeur ou votre agence en parle avec autant d'insistance. Pourtant, ces trois indicateurs décident en grande partie de la place de votre site dans Google, et surtout, de combien de visiteurs décrochent avant même d'avoir lu votre offre. Voici tout ce qu'il faut savoir, sans jargon, pour comprendre et agir.
Pourquoi ces trois indicateurs comptent autant ?
En 2020, Google a réalisé une chose évidente pour qui navigue sur le web : la qualité d'un site ne se mesure pas seulement à son contenu. Un article brillant qui met 8 secondes à s'afficher, dont les boutons ne répondent pas, et dont le texte saute pendant que vous essayez de lire, c'est un mauvais site — peu importe ce qu'il raconte. Depuis juin 2021, Google a donc intégré trois mesures objectives d'expérience utilisateur dans son algorithme. Ce sont les Core Web Vitals.
Ils mesurent trois choses très concrètes :
- À quelle vitesse le contenu principal apparaît (LCP).
- À quelle rapidité le site répond quand on clique (INP).
- À quel point la page est stable — ou, au contraire, saute dans tous les sens pendant le chargement (CLS).
Un site qui passe ces trois tests dans le vert se charge vite, réagit bien, et ne donne pas le vertige. Résultat : Google le remonte, les visiteurs restent, et les conversions grimpent. Selon les études publiques de Google, un visiteur sur deux abandonne un site mobile qui met plus de trois secondes à charger — et les sites qui passent les Core Web Vitals dans le vert enregistrent des taux de rebond jusqu'à 24 % plus bas que ceux qui échouent.
1. LCP — la vitesse à laquelle votre page s'affiche
LCP (Largest Contentful Paint) mesure le temps que met le plus gros élément visible de votre page à s'afficher. En clair : quand un visiteur arrive sur votre site, combien de secondes avant qu'il voie votre bannière principale, votre titre et votre image hero ? C'est cet instant-là qui est chronométré.
Google fixe des seuils publics très clairs pour le LCP :
Bon
≤ 2,5 s
Expérience confortable
À améliorer
2,5 – 4 s
Perceptible, pénalisant
Mauvais
> 4 s
Abandon fréquent
Les causes les plus classiques d'un LCP élevé : une image de bannière trop lourde (un JPEG de 3 Mo là où un WebP de 200 Ko suffirait), un hébergement mutualisé qui répond lentement, un thème WordPress qui charge 15 scripts avant d'afficher quoi que ce soit, ou des polices Google Fonts chargées de façon synchrone.
Le conseil terrain : sur 80 % des sites qu'on audite, optimiser uniquement l'image hero (compression WebP + dimensions explicites + chargement prioritaire) fait gagner 1 à 2 secondes sur le LCP. C'est le levier le plus rentable de tous.
2. INP — la réactivité quand on interagit
INP (Interaction to Next Paint) a remplacé l'ancien FID en mars 2024. C'est la nouvelle mesure officielle de la réactivité de votre site. Concrètement, INP mesure le délai entre l'instant où un visiteur clique, tape ou appuie — et l'instant où le site répond visuellement à cette action.
Vous avez déjà vécu ça : vous cliquez sur un bouton "Menu" sur mobile, et pendant une seconde ou deux, rien ne se passe. Vous recliquez, puis le menu s'ouvre deux fois. Cette micro-friction, multipliée sur toutes les interactions de la session, c'est exactement ce qu'INP capture.
Bon
≤ 200 ms
Quasi-instantané
À améliorer
200 – 500 ms
Perceptible
Mauvais
> 500 ms
Site qui rame
La première cause d'INP élevé est presque toujours la même : trop de JavaScript tiers. Chatbots non optimisés, pixels Meta/TikTok/LinkedIn, trackers analytics multiples, popups de consentement cookies mal conçues, outils de heatmap qui enregistrent tout. Chacun pris isolément semble léger. Empilés, ils bloquent le navigateur pendant que l'utilisateur attend.
Le test simple à faire vous-même : ouvrez votre site sur un téléphone d'entrée de gamme (ou sur l'émulation "Moto G Power" dans Chrome DevTools) et cliquez vite sur 3 ou 4 boutons à la suite. Si vous sentez du décalage, vos visiteurs aussi — et Google le voit.
3. CLS — la stabilité visuelle pendant le chargement
CLS (Cumulative Layout Shift) mesure à quel point votre page "saute" pendant son chargement. Vous êtes en train de lire un paragraphe, une image apparaît plus haut et pousse tout le texte vers le bas — vous perdez votre ligne, et souvent vous cliquez par erreur sur un bouton qui a glissé sous votre doigt. C'est exactement ce que CLS détecte.
Bon
≤ 0,1
Page stable
À améliorer
0,1 – 0,25
Sauts visibles
Mauvais
> 0,25
Inconfort fort
Les causes classiques : des images sans dimensions définies (le navigateur ne sait pas combien de place leur réserver), des polices web qui s'affichent tardivement et changent la hauteur des titres, des bannières publicitaires ou cookies qui apparaissent sans espace réservé, du contenu injecté dynamiquement par du JavaScript après le rendu initial.
La bonne nouvelle : CLS est souvent le plus facile à corriger des trois. Quelques ajustements dans le CSS (définir explicitement les dimensions, réserver des espaces pour les bannières) résolvent la majorité des cas en quelques heures de travail.
Comment mesurer vos Core Web Vitals
Trois outils gratuits suffisent pour un diagnostic complet. Ils ne disent pas exactement la même chose, et c'est normal — chacun a son rôle.
1. PageSpeed Insights — pour un audit ponctuel
Collez l'URL sur pagespeed.web.dev. Vous recevez un score de 0 à 100 (mobile et desktop) et les recommandations d'optimisation. Utile pour tester une page précise, mais le score est un test en laboratoire — pas forcément ce que vivent vos vrais visiteurs.
2. Google Search Console — pour les données de terrain
Section "Signaux web essentiels" dans votre Search Console. Ce sont les vraies données collectées auprès de vos visiteurs sur les 28 derniers jours, via le Chrome User Experience Report (CrUX). C'est cette source-là que Google utilise pour le classement — à surveiller en priorité.
3. Chrome DevTools — Lighthouse — pour aller plus loin
F12 dans Chrome, onglet "Lighthouse", générez un rapport. Plus détaillé que PageSpeed et permet de simuler différentes conditions (mobile lent, bande passante limitée). Plutôt pour un développeur ou un auditeur — moins indispensable au quotidien.
Les 7 causes qu'on retrouve dans 90 % des audits
En pratique, les mauvais scores Core Web Vitals ne viennent presque jamais d'un seul problème spectaculaire — mais d'une accumulation de petites négligences techniques. Voici celles qu'on identifie le plus souvent :
Images non optimisées
JPEG ou PNG lourds au lieu de WebP/AVIF, pas de dimensions responsive, pas de lazy loading sur les images hors écran. Impact : LCP + CLS.
Hébergement lent
Mutualisé saturé, pas de CDN, TTFB (temps de première réponse serveur) au-delà de 600 ms. Impact : LCP.
Trop de JavaScript tiers
Chatbots, trackers, pixels publicitaires, popups cookies mal conçues : chacun ajoute des centaines de kilo-octets à exécuter. Impact : INP.
Polices web non optimisées
Google Fonts chargé sans préconnexion, sans font-display:swap, texte qui saute pendant le chargement. Impact : LCP + CLS.
Absence de cache
Aucun cache navigateur, pas de gzip/brotli, aucun cache serveur (OPcache, Redis). Chaque visite re-télécharge tout. Impact : LCP.
Images sans dimensions
Balises img sans attributs width/height explicites — le navigateur ne peut pas réserver l'espace. Impact : CLS.
Thème ou builder surchargé
Page builder visuel qui génère du code verbeux, thème WordPress avec 40 options inutiles chargées sur chaque page. Impact : LCP + INP.
Les actions qui comptent vraiment
Si vous avez une heure à investir plutôt qu'une journée, voici les trois gestes qui rapportent le plus — par ordre de retour sur effort. Ils couvrent la majorité des cas réels qu'on voit passer sur des sites vitrines de PME :
- 1
Optimiser l'image principale de chaque page
Compression WebP, dimensions adaptées à l'affichage réel, attribut
fetchpriority="high"sur l'image hero. Gain typique : 1 à 2 secondes de LCP sur mobile. C'est l'intervention qui rapporte le plus pour le moins d'effort. - 2
Auditer et supprimer les scripts tiers inutiles
Listez tout ce qui se charge : chatbot utilisé 2 fois par mois, pixel Meta qui ne sert plus, ancien tracker Google Analytics oublié, popup RGPD bricolée. Chaque script en moins, c'est de l'INP gagné. Gardez uniquement ce qui rapporte réellement.
- 3
Activer un cache et la compression côté serveur
Plugin de cache WordPress (WP Rocket, LiteSpeed Cache), compression gzip ou brotli activée chez votre hébergeur, CDN (Cloudflare en version gratuite fait déjà beaucoup). Effet immédiat sur le LCP et la charge serveur.
Pour tout le reste — polices optimisées, JavaScript différé, dimensions d'images, images adaptatives — il faut souvent passer par un développeur. Mais ces trois premières actions couvrent déjà 70 % des gains possibles sur la plupart des sites.
Auto-diagnostic : où en est votre site ?
Cochez honnêtement les points qui correspondent à la réalité de votre site aujourd'hui. Plus votre score est haut, plus vous êtes en règle avec Google — et plus l'expérience de vos visiteurs est bonne.
Votre site passe-t-il les Core Web Vitals ?
0 / 16 points cochés
Cochez ce qui est vrai pour votre site aujourd'hui.
Affichage (LCP)
Réactivité (INP)
Stabilité (CLS)
Technique & outillage
Questions fréquentes
Envie d'un audit performance gratuit ?
30 minutes, sans engagement. On regarde ensemble vos vrais scores Core Web Vitals, on identifie les 3 actions les plus rentables pour votre site, et on vous dit honnêtement ce qui vaut le coup — ou non.
Réserver un audit gratuit