Publié le 18 août 2021 - Modifié le 28 mai 2026
Les Core Web Vitals (ou signaux web essentiels) sont devenus un pilier incontournable de toute stratégie de performance web. Introduits par Google en 2020 et intégrés comme facteur de classement, ses 3 indicateurs mesurent la qualité de l’expérience utilisateur sur vos pages.
Pourtant, moins de la moitié des sites web atteignent simultanément les trois seuils considérés comme « bons » par Google. Les conséquences sont directes : perte de positions dans les résultats de recherche, augmentation du taux de rebond et baisse des conversions.
Dans cet article, nous détaillons ce que sont les Core Web Vitals, comment les mesurer et quelles actions mettre en place pour améliorer chacun de ses indicateurs.
Les Core Web Vitals (CWV) sont un ensemble de trois métriques standardisées par Google qui évaluent l’expérience utilisateur d’une page web sous trois angles complémentaires : la vitesse de chargement, la réactivité aux interactions et la stabilité visuelle.
Avant leur introduction, les équipes techniques devaient jongler avec de nombreuses métriques disparates sans hiérarchie claire. Les Core Web Vitals ont simplifié cette approche en la réduisant à trois signaux essentiels, directement exploitables.
Depuis mars 2024, le FID (First Input Delay) a été officiellement remplacé par l’INP (Interaction to Next Paint). Les trois métriques actuelles sont donc les suivantes.
LCP (Largest Contentful Paint) mesure le temps de chargement du plus grand élément de contenu visible dans la fenêtre d’affichage. Il s’agit souvent d’une image hero, d’une vidéo ou d’un bloc de texte principal. Le LCP est la métrique la plus directement liée à la perception de rapidité par l’utilisateur.
INP (Interaction to Next Paint) mesure la réactivité globale de la page aux interactions utilisateur (clics, saisies clavier, etc.) tout au long de la session de navigation.
CLS (Cumulative Layout Shift) mesure la stabilité visuelle de la page en quantifiant les déplacements inattendus d’éléments pendant le chargement.
| Métrique | Ce qu’elle mesure | Bon | A améliorer | Mauvais |
| LCP | Vitesse de chargement du contenu principal | ≤ 2,5 s | 2,5 – 4 s | > 4 s |
| INP | Réactivité aux interactions utilisateur | ≤ 200 ms | 200 – 500 ms | > 500 ms |
| CLS | Stabilité visuelle de la page | ≤ 0,1 | 0,1 – 0,25 | > 0,25 |
Ces seuils sont évalués au 75ᵉ percentile des sessions utilisateurs sur les 28 derniers jours. Autrement dit, 75 % de vos visiteurs doivent bénéficier d’une expérience de niveau « bon » pour que votre page soit considérée comme performante par Google.
Google met à disposition plusieurs outils pour évaluer les performances de vos pages. Nous recommandons de croiser au minimum trois sources de données pour obtenir un diagnostic fiable.
C’est l’outil le plus accessible, il suffit de saisir l’URL d’une page pour obtenir un rapport détaillé.
Celui-ci inclut les scores CWV, une évaluation globale des performances, ainsi que des données de terrain (issues du Chrome UX Report, basées sur les visites réelles des 28 derniers jours) et des données de laboratoire (simulées dans un environnement contrôlé).
Les données de terrain, identifiables par un drapeau bleu dans l’interface, sont les plus fiables, car elles reflètent l’expérience réelle des utilisateurs. PageSpeed Insights propose également une liste d’optimisations priorisées selon leur impact potentiel.
Le rapport Core Web Vitals de la Search Console offre une vision d’ensemble de toutes vos URLs regroupées par état et par type de métrique.
C’est l’outil le plus adapté pour identifier les groupes de pages problématiques à l’échelle d’un site entier, suivre l’évolution des performances dans le temps, vérifier l’impact de vos corrections et prioriser vos efforts d’optimisation.
Le rapport distingue les données mobiles et les données desktop, ce qui est essentiel dans un contexte d’indexation mobile-first.
Lighthouse, intégré aux Chrome DevTools (accessible via F12 > onglet Lighthouse), permet de lancer un audit de performance en conditions de laboratoire. Les résultats ne sont pas basés sur des données réelles mais sur une simulation.
Il est particulièrement utile pour diagnostiquer les causes d’un mauvais score et tester des corrections avant mise en production.
Le Chrome UX Report n’est pas un outil de test à proprement parler, mais un ensemble de données publiques collectées auprès des utilisateurs réels de Google Chrome.
Lorsqu’un utilisateur Chrome accepte le partage de données, Google agrège ces informations pour constituer un rapport de performance par URL. Plus un site est fréquenté, plus les données sont riches et fiables.
Le CrUX est la source de données qui alimente à la fois PageSpeed Insights et le rapport Core Web Vitals de la Search Console. Il est consultable directement via l’interface CrUX Vis cruxvis.withgoogle.com.
Plusieurs solutions tierces complètent efficacement la panoplie Google. GTmetrix offre une analyse détaillée des temps de chargement avec des recommandations d’optimisation. WebPageTest permet des tests avancés depuis différentes localisations géographiques et types de connexion.
Pour les sites PrestaShop ou WordPress, des modules ou extensions dédiés à la performance intègrent souvent un monitoring des Core Web Vitals.
Voici les principales actions à mettre en place pour améliorer concrètement le score des principaux signaux de performances.
Le LCP est presque toujours pénalisé par les mêmes facteurs : des images trop lourdes, un serveur lent ou des ressources CSS et JavaScript qui bloquent l’affichage.
Les actions les plus efficaces consistent à compresser vos images et à les convertir en WebP ou AVIF, ainsi qu’à précharger l’image principale. La mise en place d’un CDN et d’un cache serveur permet également de réduire significativement le temps de réponse (TTFB).
Enfin, pensez à minifier vos fichiers CSS et JS, et à différer les scripts non critiques pour ne pas bloquer le rendu.
Sur WordPress, une extension comme WP Rocket prend en charge l’essentiel de ces optimisations. Sur PrestaShop, les réglages de cache et de minification sont accessibles dans le back-office (Paramètres avancés > Performances).
L’INP est la métrique la plus complexe à optimiser, car elle dépend directement de la quantité de JavaScript exécutée sur la page. Lorsqu’un script monopolise le thread principal du navigateur, toutes les interactions utilisateur sont retardées.
Les priorités consistent à auditer vos scripts tiers (balises de tracking, chat, etc.) afin de supprimer ou différer ceux qui ne sont pas indispensables, à fractionner les traitements JavaScript longs en tâches plus courtes pour libérer le thread principa.
Pour identifier les points de blocage, l’onglet Performance des Chrome DevTools reste l’outil le plus fiable.
Le CLS est souvent le plus simple à corriger. Voici trois règles essentiel à respecter pour avoir un bon score CLS :
L’interprétation des Core Web Vitals et la mise en œuvre des optimisations nécessitent une réelle expertise technique, à la croisée du développement web et du SEO.
Les problématiques varient d’un site à l’autre, et les solutions dépendent à la fois de la stack technique, de l’hébergement et de l’architecture du thème. Dans ce contexte, se faire accompagner est souvent la solution la plus efficace pour obtenir des résultats durables !
Que vous ayez besoin d’un audit technique ou d’une optimisation SEO, notre équipe vous propose des solutions adaptées à votre environnement.
Les Core Web Vitals sont des indicateurs définis par Google pour mesurer la qualité de l’expérience utilisateur sur un site. Ils reposent sur trois axes : la vitesse de chargement (LCP), la réactivité (INP) et la stabilité visuelle (CLS).
Les Core Web Vitals font partie des critères de classement de Google. Un bon score améliore l’expérience utilisateur, le taux de conversion et peut favoriser un meilleur positionnement dans les résultats de recherche.
Plusieurs outils permettent de mesurer ces indicateurs : PageSpeed Insights (le plus accessible), Google Search Console (rapport “Signaux Web essentiels”) et Lighthouse ou Chrome DevTools pour une analyse technique
C'est l'heure du choix : vous avez un projet e-commerce et vous ne savez pas…
Comprendre les différences entre PrestaShop Expert et PrestaShop Partners est essentiel pour choisir le bon…
Quand un site commence à freiner votre croissance, une refonte devient un levier puissant. Découvrez…
