
Core Web Vitals Ce sont les trois indicateurs d'expérience utilisateur que Google utilise comme critères de classement, et leur non-respect nuit discrètement à la fois à votre classement et à vos conversions. La bonne nouvelle, c'est que les respecter est une tâche assez simple une fois que vous savez quel indicateur pose problème et pourquoi.
Il y a un point à clarifier d’emblée, car de nombreux guides plus anciens continuent de se tromper à ce sujet : l’ancien indicateur FID a été supprimé en mars 2024 et remplacé par l’INP. Aujourd’hui, vous devez donc vous concentrer sur le LCP, l’INP et le CLS. Vous trouverez ci-dessous comment interpréter chacun de ces indicateurs et y remédier.
Principaux enseignements
- Les trois indicateurs « Core Web Vitals » sont les suivants : LCP, INP et CLS; L'INP a remplacé le FID en 2024.
- De bons résultats : LCP inférieur à 2,5 s, INP inférieur à 200 ms, CLS inférieur à 0,1 au 75e centile.
- Corrigez l'indicateur que Google signale réellement, en utilisant données de terrain, et non un résultat ponctuel d'analyse de laboratoire.
- Le LCP concerne principalement la vitesse du serveur et les images ; l'INP concerne principalement le JavaScript ; le CLS concerne principalement les dimensions manquantes.
- Les données de terrain sont mises à jour selon une fenêtre glissante de 28 jours ; il faut donc compter quelques semaines avant que vos corrections ne soient visibles.
Ce que mesurent réellement les Core Web Vitals
Chaque indicateur couvre un aspect différent de l'expérience utilisateur : l'un concerne le chargement, un autre la réactivité et le dernier la stabilité visuelle. Vous n'êtes considéré comme conforme que lorsque ces trois indicateurs sont dans le vert pour la plupart de vos visiteurs réels ; il est donc utile de savoir exactement ce que chacun d'entre eux évalue et quel seuil doit être franchi.
| Système métrique | Ce qu'il mesure | Bon résultat |
|---|---|---|
| LCP (Largest Contentful Paint) | À quelle vitesse le contenu principal de la page se charge et s'affiche | 2,5 secondes ou moins |
| INP (Interaction jusqu'au prochain affichage) | La rapidité avec laquelle la page réagit lorsqu'un utilisateur appuie ou clique dessus | 200 ms ou moins |
| CLS (Déplacement cumulatif de la mise en page) | À quel point la mise en page se déplace-t-elle pendant le chargement de la page ? | 0,1 ou moins |
Commencez par identifier la cause réelle du problème
Avant d'apporter la moindre modification, vérifiez quel indicateur ne satisfait pas Google, car corriger le mauvais vous fera perdre des heures. Saisissez votre URL dans PageSpeed Insights et lisez le données de terrain (la section ” utilisateur réel ” en haut de la page), et pas seulement le score obtenu en laboratoire qui figure en dessous. Google vous évalue sur la base des données de terrain, qui proviennent d’utilisateurs réels de Chrome ; ainsi, même un score parfait en laboratoire ne suffit pas si les données de terrain sont insuffisantes.

Le rapport « Core Web Vitals » de la Search Console est l'autre outil à consulter, car il regroupe vos URL présentant des problèmes, ce qui vous permet de déterminer s'il s'agit d'un seul modèle ou de l'ensemble du site. Une fois que vous savez s'il s'agit d'un problème de LCP, d'INP ou de CLS, vous pouvez passer directement à la solution appropriée ci-dessous, sans avoir à deviner.
Correction du LCP (temps de chargement)
Le LCP mesure généralement la rapidité avec laquelle s'affiche votre élément le plus volumineux situé au-dessus de la ligne de pliage, souvent une image phare ou un titre. Le premier facteur déterminant est le temps de réponse du serveur : si votre hébergeur met du temps à transmettre le premier octet, tout ce qui suit est retardé. Un hébergeur plus rapide ou un bon formule d'hébergement axée sur la performance De plus, un CDN est souvent la mesure la plus efficace pour améliorer le LCP, c'est pourquoi je commence généralement par là ; mon Aperçu des hébergeurs WordPress rapides approfondit cette question.
Après le serveur, le coupable habituel est une image principale trop lourde. Compressez-la et redimensionnez-la, publiez-la au format WebP ou AVIF, et préchargement cette image LCP afin que le navigateur la récupère rapidement. Ensuite, supprimez le CSS et le JavaScript bloquant le rendu dans la balise en différant les scripts non essentiels et en intégrant directement le petit bout de CSS essentiel, afin que la page puisse s'afficher sans attendre la feuille de style complète.
Correction de l'INP (réactivité)
L'INP est l'indicateur qui pose aujourd'hui le plus de problèmes à la plupart des sites, et c'est presque toujours un JavaScript problème. Il mesure le délai entre le moment où un utilisateur clique sur un élément et celui où la page réagit effectivement ; par conséquent, tout ce qui monopolise le thread principal nuit à ce paramètre. Pour y remédier, il faut réduire la charge de travail sur ce thread : diviser les tâches longues en petites étapes, différer ou supprimer les scripts dont vous n’avez pas besoin au chargement, et faire en sorte que les tâches lourdes cèdent la priorité afin que le navigateur puisse d’abord répondre au clic.
Les scripts tiers sont ici les coupables silencieux : il s’agit notamment des widgets de chat, des cartes thermiques, ainsi que des balises publicitaires et d’analyse. Chacun d’entre eux exécute du code que vous n’avez pas écrit ; examinez-les donc avec rigueur et supprimez ou activez le chargement différé de ceux qui ne justifient pas leur présence. Sur WordPress, le recours à un trop grand nombre de plugins qui injectent chacun leurs propres scripts est la cause la plus fréquente d'échec à l'INP sans que personne ne s'en aperçoive.
Correction du CLS (stabilité visuelle)
Le CLS est le plus facile à corriger parmi les trois, mais c’est aussi le plus gênant pour les utilisateurs : ce saut qui se produit lorsque vous appuyez sur un élément et que la page affiche autre chose sous votre doigt. Cela provient presque toujours d’éléments qui se chargent sans espace réservé. Définissez explicitement largeur et hauteur sur chaque image et chaque vidéo afin que le navigateur conserve leur position, et réserve de l'espace pour tout élément ajouté ultérieurement, comme des publicités, des contenus intégrés ou des bannières de cookies.
Les polices Web provoquent un autre décalage courant, lorsque le texte se réorganise au moment où une police personnalisée prend le relais. En utilisant font-display : swap Le choix d'une police de secours bien adaptée permet de limiter ce décalage. Si vous adoptez ces deux bonnes pratiques, le CLS passe généralement tout seul dans le vert.
Alors, par où commencer ?
Si c'était mon site, je n'essaierais pas de corriger ces trois points en même temps. J'ouvrirais les données de terrain, je repérerais l'indicateur qui est dans le rouge et je commencerais par le corriger, car chercher à obtenir un score parfait pour un indicateur que Google ne signale même pas revient à gaspiller son temps. Pour la plupart des sites WordPress, l’ordre qui donne les résultats les plus rapides est le suivant : LCP (hébergeur et images), puis INP (alléger le JavaScript et les scripts tiers), puis CLS (définir les dimensions).

Le dernier point à maîtriser, c'est la patience. Les données de terrain évoluent au rythme d'un période glissante de 28 jours, donc même une correction parfaite ne fera pas passer le rapport au vert du jour au lendemain ; attendez quelques semaines avant de conclure que cela n'a pas fonctionné. Effectuez le diagnostic en toute honnêteté, corrigez le véritable goulot d'étranglement, et réussissez votre Core Web Vitals on n'a plus l'impression de tâtonner.
Journal des mises à jour
28 juin 2026
- Mise à jour suite au changement de métrique (de FID à INP) ; ajout des seuils de réussite actuels et d'un tableau des métriques ; refonte des corrections concernant les données de terrain et la fenêtre de 28 jours.
Vous souhaitez que mes articles apparaissent plus souvent sur Google ?
En un clic, Google peut faire apparaître ce site dans votre rubrique « À la une ».
Découvrez plus de WpConsults
Abonnez-vous pour recevoir les derniers articles par courrier électronique.
