Core Web Vitals : comprendre LCP, INP et CLS pour un site rapide

En bref : les Core Web Vitals sont trois métriques que Google utilise pour évaluer l’expérience réelle des visiteurs sur une page web. Le LCP mesure la vitesse d’affichage du plus grand élément, l’INP la réactivité aux clics et le CLS la stabilité visuelle. Les seuils à atteindre sont 2,5 secondes, 200 millisecondes et 0,1. Ils comptent dans le classement Google, mais pèsent moins que la pertinence du contenu.

Core Web Vitals : les trois métriques

Les Core Web Vitals regroupent trois mesures, chacune avec un seuil « bon » fixé par Google :

Google recommande que 75 % des visites atteignent ces seuils, mesurés séparément sur mobile et sur ordinateur (web.dev).

• Le LCP correspond au temps nécessaire pour afficher le plus grand élément visible en haut de page, le plus souvent une image, une vidéo ou un bloc de texte (web.dev).
• L’INP observe tous les clics, appuis et saisies au clavier pendant la visite et retient à peu près la réaction la plus lente. Il a remplacé le FID, qui ne mesurait que le premier clic, le 12 mars 2024 (web.dev, web.dev).
• Le CLS mesure la plus grande série de décalages de mise en page inattendus, par exemple quand une publicité se charge et pousse vers le bas le texte que vous lisiez (web.dev).

Les Core Web Vitals influencent-ils le classement ?

Oui, mais ce n’est pas le critère principal. Google indique que ses systèmes de classement utilisent les Core Web Vitals, qu’il n’existe pas de signal unique et que la pertinence reste prioritaire. Quand plusieurs pages répondent aussi bien à une recherche, une meilleure expérience sur la page peut faire la différence (Google Search Central). Google recommande malgré tout « vivement » aux propriétaires de sites d’obtenir de bons scores (Google Search Central).

Le gain le plus net se voit souvent moins dans la position que chez les visiteurs : un site internet rapide et stable retient davantage de monde jusqu’à l’étape suivante. Pour comprendre la place de la vitesse parmi les autres critères, lisez Comment fonctionne le SEO ?

Comment mesurer les Core Web Vitals

Il existe deux types de données. Les données terrain proviennent de vrais utilisateurs de Chrome : ce sont elles que Google utilise. Les données de laboratoire viennent d’un test dans un environnement simulé et servent à trouver les causes. Un test de laboratoire ne peut pas mesurer correctement l’INP et utilise à la place le Total Blocking Time (web.dev).

• PageSpeed Insights affiche les données terrain des 28 derniers jours ainsi qu’un test de laboratoire réalisé avec Lighthouse (Google).
• La Google Search Console propose un rapport Core Web Vitals. Il regroupe les URL de votre site par statut, « Bon », « Amélioration nécessaire » ou « Médiocre », séparément pour mobile et ordinateur (Aide Search Console). Notre guide Google Search Console explique comment configurer l’outil.

Si votre site a trop peu de trafic, il n’y a pas de données terrain et le rapport de la Search Console reste vide. C’est le cas de nombreux sites de PME. Il faut alors se fier au test de laboratoire.

Améliorer le LCP

• Compressez et redimensionnez la grande image du haut de page, et utilisez des formats modernes comme WebP ou AVIF.
• Placez cette image directement dans le HTML de la page et donnez-lui une priorité élevée avec fetchpriority="high".
• N’appliquez jamais le chargement différé (lazy loading) à l’image visible en haut de page : elle doit se charger en premier.
• Réduisez le CSS et le JavaScript qui bloquent l’affichage, et différez les scripts qui ne sont pas utiles tout de suite.
• Améliorez le temps de réponse du serveur grâce au cache et à moins de redirections.

Google découpe le LCP en quatre phases : le temps de réponse du serveur, le délai avant le début du chargement de l’image, la durée de chargement et le délai avant affichage. Vous voyez ainsi où le temps se perd (web.dev).

Améliorer l’INP

• Découpez les longues tâches JavaScript pour que le navigateur puisse répondre aux clics entre deux tâches.
• Supprimez les scripts inutiles, souvent d’anciens codes de suivi, des widgets de chat et des extensions.
• Gardez un HTML léger : un DOM très volumineux alourdit chaque mise à jour.
• Montrez immédiatement que le clic a été pris en compte, même si le résultat met un peu de temps à arriver.

Les longues tâches qui bloquent le thread principal sont la cause la plus courante d’un mauvais INP (web.dev).

Améliorer le CLS et le bandeau cookies

• Indiquez la largeur et la hauteur de toutes les images et vidéos.
• Réservez l’espace des publicités, des contenus intégrés comme les cartes ou les vidéos, et du bandeau cookies.
• Chargez les polices de façon à ce que le texte ne saute pas au changement de police.
• N’insérez jamais de nouveau contenu au-dessus de ce que le visiteur est en train de lire.

En France, le bandeau cookies est un piège classique. Selon la CNIL, tout traceur qui n’est pas strictement nécessaire au service demandé exige le consentement préalable de l’internaute (article 82 de la loi Informatique et Libertés), et tant que ce consentement n’est pas donné, ces cookies ne peuvent être ni déposés ni lus. La plupart des sites affichent donc un bandeau dès la première visite. S’il pousse le contenu vers le bas au lieu de se superposer à la page, il dégrade le CLS. S’il est chargé tardivement par un script, il peut aussi peser sur le LCP et l’INP. Testez donc toujours votre page dans l’état « avant consentement ».

L’essentiel de ce travail relève du SEO technique. Sur WordPress, il s’agit souvent du thème et des extensions : voyez notre page SEO WordPress. Pour savoir où en est votre site, commencez par un audit SEO.

Ce qu’un site internet rapide rapporte

La plupart des sites ont une vraie marge de progression. Selon le HTTP Archive, seuls 48 % des sites passaient les trois métriques sur mobile en 2025, et 56 % sur ordinateur (HTTP Archive Web Almanac). Quelques études de cas publiées par Google :

• Vodafone a amélioré son LCP de 31 % lors d’un test A/B et obtenu 8 % de ventes en plus (web.dev).
• redBus a amélioré son INP de 72 % et augmenté ses ventes de 7 % (web.dev).
• The Economic Times a fait passer son INP de plus de 1 000 à 257 millisecondes, divisé par deux son taux de rebond et obtenu 43 % de pages vues en plus sur les pages concernées (web.dev).

Un site plus rapide aide aussi la conversion, à condition que le reste suive : voyez Qu’est-ce qu’un bon taux de conversion ? La vitesse à laquelle les progrès se voient dans les résultats de recherche dépend de bien d’autres facteurs, comme nous l’expliquons dans Combien de temps pour le SEO ? Et si une refonte de site internet est prévue, intégrez la performance dès le cahier des charges.