Publications
Core Web Vitals en 2026 : les 3 chiffres qui décident de votre place sur Google
Trois chiffres, pas un score
Pourquoi votre score Lighthouse ne suffit pas
- PageSpeed Insights : saisissez votre URL, puis regardez la section « Données utilisateur réelles » (distincte de la section « Diagnostics »).
- Search Console → Expérience → Signaux web essentiels : c'est le rapport officiel, avec le détail par groupe d'URL et par type d'appareil.
INP : l'indicateur que tout le monde a oublié de traiter
- du JavaScript qui s'exécute au chargement et monopolise le processeur ;
- une hydratation lourde (le moment où React « reprend la main » sur le HTML) ;
- des gestionnaires d'événements qui font trop de travail d'un coup ;
- des scripts tiers (chat, analytics, cartes, vidéos) qui s'exécutent au pire moment.
- réduire le JavaScript envoyé au navigateur ;
- découper les tâches longues (scheduler.yield, requestIdleCallback) ;
- charger les scripts tiers après l'interaction, ou en defer ;
- utiliser les Server Components, qui déplacent le rendu côté serveur.
LCP : le plus visible, et souvent le plus simple à corriger
- Une image non optimisée : format ancien, dimensions excessives, pas de priority. Une image de 2 Mo au format PNG à la place d'un WebP de 120 Ko peut à elle seule faire passer le LCP de 1,5 s à 4 s.
- Une police bloquante : une police chargée sans font-display: swap empêche l'affichage du texte.
- Un serveur lent : le temps de réponse serveur (TTFB) se répercute intégralement sur le LCP.
- Des ressources critiques chargées tard : CSS ou JavaScript qui bloquent le rendu.
CLS : l'indicateur le plus sous-estimé
- des images ou vidéos sans dimensions déclarées (width/height ou aspect-ratio) : le navigateur réserve l'espace une fois l'image chargée, ce qui décale tout ;
- des publicités, bannières ou contenus injectés en haut de page sans espace réservé ;
- des polices web dont le rendu diffère du fallback, provoquant un décalage du texte (corrigé par size-adjust ou une police de repli métriquement proche).
La rumeur à corriger
Comment mesurer vous-même, sans outil payant
Mesurer ses Core Web Vitals en 10 minutes
1
Vérifiez l'indexationDans Search Console, onglet Expérience > Signaux web essentiels. Si la section est vide, votre site n'a pas assez de trafic pour que CrUX publie des données : passez aux étapes suivantes avec un outil de laboratoire.
2
Lisez les données réellesOuvrez PageSpeed Insights sur votre URL. La section du haut (données utilisateur réelles) reflète le terrain ; la section du bas (Lighthouse) est une simulation. Ne confondez pas les deux.
3
Identifiez l'élément LCPDans PageSpeed Insights, cherchez la ligne « Élément LCP » : elle vous nomme précisément l'image ou le bloc de texte qui pénalise votre score. C'est souvent une image d'en-tête.
4
Testez l'interactionOuvrez votre site sur un téléphone d'entrée de gamme, cliquez sur le menu, ouvrez un accordéon. Si l'interface répond avec un délai perceptible, votre INP est en cause.
5
Corrigez par ordre d'impactImage LCP d'abord (souvent le gain le plus rapide), puis les scripts tiers, puis les dimensions d'images pour le CLS. Remesurez 28 jours plus tard : c'est le délai d'agrégation de CrUX.
FAQ
Core Web Vitals : questions fréquentes
Mon score Lighthouse est de 100, pourquoi Google me dit « à améliorer » ?
Le seuil du LCP est-il passé à 2 secondes ?
Quelle différence entre FID et INP ?
Combien de temps avant de voir l'effet de mes corrections ?
Les Core Web Vitals sont-ils un facteur de classement ?