Core Web Vitals expliqués simplement à un non-technique

Qu'est-ce que les Core Web Vitals concrètement ?

Imaginez que vous visitez un magasin. Trois choses comptent vraiment : on vous accueille vite (LCP), quand vous touchez un produit il réagit instantanément (INP), et les rayons ne bougent pas pendant que vous regardez (CLS). Voilà, vous avez compris les Core Web Vitals appliqués au web.

Officiellement, Google les définit comme « les signaux essentiels d'une bonne expérience web pour les utilisateurs^[1] ». Ce ne sont pas des tests théoriques : Google les mesure sur de vrais visiteurs via le rapport Chrome User Experience Report (CrUX).

Ces 3 métriques sont devenues un facteur de classement Google le 15 juin 2021. Pas le facteur principal — le contenu reste roi — mais un facteur de départage entre pages de qualité équivalente.

Qu'est-ce que le LCP et pourquoi c'est important ?

LCP = Largest Contentful Paint. Traduit : le temps avant que l'élément le plus gros de votre page (souvent une image, parfois un titre) apparaisse à l'écran. C'est ce qui dit au visiteur : « le site est chargé, je peux lire ».

Seuils officiels 2026 :

• Bon : < 2,5 secondes
• À améliorer : 2,5-4 secondes
• Mauvais : > 4 secondes

Les causes typiques d'un LCP catastrophique : une image en JPEG de 3 MB en haut de page, un hébergement à 5 €/mois saturé, des scripts publicitaires qui bloquent le rendu, des polices qui mettent 2 secondes à arriver.

Personnellement, je trouve que c'est le KPI le plus important pour un artisan. Un visiteur qui attend 5 secondes ferme l'onglet et appelle le concurrent. Optimiser le LCP en 2026, c'est 30-50 % du gain de performance possible.

Qu'est-ce que l'INP (et pourquoi il remplace le FID) ?

INP = Interaction to Next Paint. Mesure le temps entre une interaction (clic, tap, touche clavier) et la réponse visuelle de l'interface. C'est la réactivité réelle.

Le 12 mars 2024, Google a remplacé l'ancienne métrique FID (First Input Delay) par INP^[2]. Pourquoi ? Parce que FID ne mesurait que la première interaction, ce qui était trompeur. INP mesure toutes les interactions de la session et prend une valeur représentative (au 98e percentile en gros).

Seuils officiels :

• Bon : < 200 millisecondes
• À améliorer : 200-500 ms
• Mauvais : > 500 ms

Causes typiques d'un INP mauvais : trop de JavaScript chargé en même temps, scripts tiers (Analytics, chat widgets, publicités) qui bloquent le thread principal, sites WordPress avec 25 plugins actifs.

Qu'est-ce que le CLS et pourquoi ça énerve les visiteurs ?

CLS = Cumulative Layout Shift. Mesure les sauts de mise en page pendant le chargement. Vous connaissez ce moment où vous voulez cliquer sur un bouton et au dernier moment une bannière de pub se charge au-dessus et vous cliquez dessus à la place ? C'est ça, le CLS.

Seuils :

• Bon : < 0,1
• À améliorer : 0,1-0,25
• Mauvais : > 0,25

Causes typiques : images sans dimensions width/height en HTML, polices qui s'échangent en cours de chargement (FOIT/FOUT), publicités qui s'insèrent dynamiquement, contenus AJAX chargés sans réserver l'espace.

Quels sont les seuils à respecter en 2026 ?

Récapitulatif clair, à imprimer et coller à côté de votre écran :

Pour être « au vert » officiellement, il faut que 75 % de vos visiteurs (réels, mobile) soient sous les seuils Bon. Pas la moyenne, le 75e percentile. C'est exigeant.

Comment améliorer son LCP en pratique ?

Le LCP est le plus rentable à optimiser. Six leviers concrets, par ordre d'impact :

1. Optimiser l'image LCP : compresser, convertir en WebP, dimensions adaptées. Gain typique : 1-3 secondes.
2. Précharger l'image LCP via <link rel="preload" as="image">. Gain : 200-800 ms.
3. Hébergement rapide : un mutualisé à 3 €/mois vs un CDN type Cloudflare. Gain : 500 ms à 2 s sur le TTFB.
4. CDN pour les assets : images et fonts servies depuis un POP géographiquement proche. Gain : 200-500 ms.
5. Polices auto-hébergées ou Google Fonts en self-host. Gain : 100-300 ms.
6. Différer les scripts non critiques (Analytics, chat) en bas de page. Gain : 200-600 ms.

Quand j'audite un site d'artisan à 6 secondes de LCP, ces 6 leviers descendent quasiment toujours à 1,5-2 secondes. Pas de magie : juste de la méthode.

Comment améliorer son INP ?

L'INP est plus difficile à debugger parce qu'il dépend de l'utilisateur. Mais 4 leviers fonctionnent :

• Limiter les scripts tiers à 3-4 max. Chaque chat widget, pixel tracking, plugin lourd consomme du thread principal.
• Charger les scripts à la demande : un chat ne se charge qu'au scroll bas de page ou au clic.
• Découper les longues tâches JS via requestIdleCallback ou setTimeout(..., 0).
• Hébergement Edge (Cloudflare Workers, Vercel Edge) qui réduit la latence serveur.

Sur WordPress, ça veut souvent dire : audit des plugins, suppression des doublons (3 plugins SEO, 2 plugins de cache…), et installation d'un plugin de performance type WP Rocket ou Perfmatters.

Comment réduire son CLS à 0 ?

Le CLS est généralement le plus facile à corriger. Quatre actions suffisent dans 90 % des cas :

1. Ajouter width et height sur toutes les images et iframes (même si responsive).
2. Réserver l'espace des publicités avec un container fixe (min-height).
3. Utiliser font-display: optional ou précharger les polices critiques.
4. Éviter d'insérer du contenu au-dessus du contenu existant (bannières dynamiques en haut de page).

Sur un site moyen, ces 4 réglages descendent le CLS de 0,3 à 0,02 en 1 heure de travail.

Quel est l'impact SEO réel des Core Web Vitals ?

Honnêtement : modéré mais non négligeable. Google a toujours dit que les Core Web Vitals sont un signal parmi des centaines, utilisé surtout en tie-break entre pages de qualité de contenu équivalente^[3].

Une étude SISTRIX 2023 a quantifié : les sites avec 75 % de pages au vert ont en moyenne 15-25 % de meilleur ranking que ceux à 25 % au vert, à contenu équivalent^[4].

Mais l'impact business est plus important que l'impact SEO :

• Vodafone : +8 % de ventes après amélioration du LCP (étude Google)^[5]
• Renault : +14 % de taux de conversion après chantier CWV
• Yahoo Japan : +15 % de pages vues par session

Conclusion : optimisez d'abord pour vos visiteurs. Le SEO suivra mécaniquement.

FAQ