Aller au contenu

Core Web Vitals : le truc technique que Google utilise pour noter votre site

LCP, FID, CLS... Si ces acronymes vous donnent des sueurs froides, pas de panique. Je vous explique les Core Web Vitals en français, sans jargon inutile, et surtout comment les améliorer.

Ce qu’il faut retenir
  1. Les Core Web Vitals, c'est 3 métriques que Google utilise pour évaluer l'expérience utilisateur de votre site : vitesse de chargement (LCP), réactivité (INP), et stabilité visuelle (CLS)
  2. Un mauvais score = pénalité SEO concrète. Google favorise les sites rapides et stables dans ses résultats. Tester le vôtre prend 10 secondes sur PageSpeed Insights
  3. Les solutions sont souvent simples : compresser les images, activer le cache navigateur, utiliser un CDN, et supprimer les scripts inutiles — pas besoin d'être développeur pour 80% des améliorations

Résumé généré par IA

Core Web Vitals : le truc technique que Google utilise pour noter votre site

Vous avez probablement vu passer ce terme dans un article SEO ou un rapport Google : "Core Web Vitals". Et si vous êtes comme la plupart de mes clients, vous avez hoché la tête poliment avant de passer à autre chose. Normal, c'est technique. Mais c'est aussi un truc qui influence DIRECTEMENT votre position sur Google. Alors on va en parler.

C'est quoi les Core Web Vitals ?

En gros, c'est 3 métriques que Google utilise pour mesurer l'expérience de vos visiteurs sur votre site. Pas le contenu, pas les backlinks — l'expérience technique. Est-ce que le site charge vite ? Est-ce qu'il réagit quand on clique ? Est-ce que la page bouge dans tous les sens pendant le chargement ?

Google a décidé que ces 3 trucs étaient suffisamment importants pour en faire des facteurs de classement SEO. Traduction : si votre site est lent et instable, vous perdez des places dans les résultats. C'est plié.

LCP — Largest Contentful Paint (vitesse de chargement)

Le LCP mesure le temps que met le plus gros élément visible à s'afficher. En général, c'est votre image principale ou votre titre hero. C'est ce que le visiteur perçoit comme "ok, la page est chargée".

Bon : moins de 2,5 secondes. Moyen : 2,5 à 4 secondes. Mauvais : plus de 4 secondes.

Le coupable n°1 d'un mauvais LCP ? Les images non optimisées. Une photo de 3 Mo en JPEG alors qu'elle pourrait faire 150 Ko en WebP, ça arrive tout le temps. Perso, j'ai vu des sites gagner 2 secondes de chargement juste en convertissant les images.

INP — Interaction to Next Paint (réactivité)

L'INP a remplacé le FID (First Input Delay) en mars 2024. Il mesure le délai entre le moment où le visiteur clique/tape quelque chose et le moment où le navigateur réagit visuellement.

Bon : moins de 200 millisecondes. Moyen : 200 à 500 ms. Mauvais : plus de 500 ms.

Si votre visiteur clique sur un bouton et qu'il se passe rien pendant une demi-seconde, il va croire que le site est cassé. Le coupable ? Souvent du JavaScript trop lourd qui bloque le navigateur. Ces scripts de chat en direct, de tracking, de pop-ups... chacun ajoute quelques dizaines de millisecondes. Et ça s'accumule.

CLS — Cumulative Layout Shift (stabilité visuelle)

Vous connaissez ce truc agaçant : vous êtes en train de lire un article, et PAF, une pub se charge et tout le texte se décale de 5 centimètres. Ou vous allez cliquer sur un lien et au dernier moment un bandeau apparaît et vous cliquez ailleurs. C'est ça le CLS.

Bon : moins de 0,1. Moyen : 0,1 à 0,25. Mauvais : plus de 0,25.

Les causes classiques : images sans dimensions (width/height), polices web qui se chargent en retard, pubs dynamiques qui s'insèrent après coup. La solution est souvent toute bête : déclarer les dimensions de vos images et précharger vos fonts.

Comment tester vos Core Web Vitals

Le plus simple : allez sur PageSpeed Insights, collez votre URL, attendez 30 secondes. Vous aurez un score sur 100 et le détail de chaque métrique avec des recommandations.

Autres outils utiles :

Google Search Console — section "Expérience" puis "Core Web Vitals". Montre les problèmes réels rencontrés par vos visiteurs, pas une simulation. C'est la donnée la plus fiable.

Lighthouse (dans Chrome DevTools) — clic droit sur votre page > Inspecter > onglet Lighthouse > Analyser. Rapport détaillé avec des suggestions de correction.

GTmetrix — donne un score + un waterfall (la chronologie de chargement de chaque élément). Très utile pour identifier l'élément qui ralentit tout.

Les solutions concrètes (pas besoin d'être dev)

Pour améliorer le LCP (vitesse)

Compressez vos images. Utilisez le format WebP au lieu de JPEG/PNG. Des outils gratuits comme Squoosh ou TinyPNG font ça en 2 clics. Objectif : aucune image au-dessus de 200 Ko.

Activez le cache navigateur. Quand un visiteur revient sur votre site, son navigateur réutilise les fichiers déjà téléchargés au lieu de tout recharger. Sur WordPress, un plugin comme WP Rocket fait ça automatiquement.

Utilisez un CDN. Un CDN (Content Delivery Network) stocke des copies de votre site sur des serveurs partout dans le monde. Vos visiteurs chargent depuis le serveur le plus proche. Cloudflare en version gratuite, c'est déjà très bien — c'est ce que j'utilise pour semzen.fr.

Pour améliorer l'INP (réactivité)

Supprimez les scripts inutiles. Chaque plugin WordPress, chaque script de tracking, chaque widget de chat ajoute du JavaScript. Faites le ménage. Vous avez vraiment besoin de 4 scripts de tracking différents ? Probablement pas.

Différez le chargement du JS non critique. Les attributs defer et async sur vos balises <script> permettent au navigateur d'afficher la page sans attendre que tous les scripts soient chargés. C'est technique, mais votre développeur saura faire.

Pour améliorer le CLS (stabilité)

Déclarez les dimensions de vos images. Ajoutez toujours width et height dans vos balises <img>. Le navigateur réserve l'espace avant même de charger l'image, donc plus de décalage.

Préchargez vos fonts. Un <link rel="preload"> pour vos polices Google Fonts évite le flash de texte invisible (FOIT) ou le changement de police en cours de route.

Évitez les éléments dynamiques au-dessus du fold. Les pubs, les bannières cookies, les pop-ups qui s'insèrent en haut de page — tout ça fait bouger le contenu. Mettez-les en bas ou en overlay fixe.

Est-ce que ça vaut vraiment le coup ?

Franchement, oui. Une étude de Vodafone a montré qu'une amélioration de 31% du LCP a entraîné +8% de ventes. Amazon avait calculé que 100 ms de chargement en plus coûtait 1% de revenus. Bon, vous n'êtes pas Amazon, mais le principe est le même : un site rapide convertit mieux.

Et côté SEO, Google l'a confirmé : les Core Web Vitals sont un facteur de classement. Pas LE facteur principal (le contenu et les backlinks restent devant), mais un départageant à contenu égal. Si vous et votre concurrent avez des contenus similaires et que votre site est plus rapide, vous passez devant.

Bref, les Core Web Vitals c'est pas juste un truc de geek. C'est un levier concret pour améliorer votre SEO ET vos conversions. Testez votre site maintenant sur PageSpeed Insights, identifiez les problèmes, et commencez par les images — c'est le quick win qui donne les meilleurs résultats.

Et si votre score est catastrophique et que vous savez pas par où commencer, on en parle. Un audit rapide permet souvent d'identifier 3-4 actions à fort impact.

C'est ti pas beau ça ?

Source : web.dev — Core Web Vitals, Google 2025

Partager X LinkedIn Facebook

Articles connexes

Retour au blog

Envie d'en discuter ?

Un projet en tête ?

Échangeons sur votre stratégie digitale. Premier appel gratuit, sans engagement.