Les Core Web Vitals, ou signaux Web essentiels en français, sont trois indicateurs définis par Google pour mesurer l’expérience réelle des visiteurs sur une page : la vitesse d’affichage du contenu principal, la réactivité aux interactions et la stabilité de la mise en page. Ils font partie des signaux d’expérience de page pris en compte par les systèmes de classement de Google, et surtout, ils décrivent ce que vit votre client quand il attend, tape ou voit un bouton sauter sous son doigt. Voici ce qu’ils mesurent, les seuils officiels, les bons outils et les corrections qui ont le plus d’effet.
Les trois indicateurs et leurs seuils officiels
Google classe chaque indicateur en trois niveaux : bon, à améliorer, mauvais. Les seuils ci-dessous sont ceux publiés sur web.dev et repris dans Search Console.
LCP : Largest Contentful Paint
Le temps nécessaire pour afficher le plus grand élément visible au chargement, souvent une image principale, une vidéo de bannière ou un gros bloc de texte. Bon : 2,5 secondes ou moins. Mauvais : au-delà de 4 secondes.
INP : Interaction to Next Paint
La réactivité de la page : le délai entre une action (clic, appui, frappe au clavier) et la mise à jour visuelle qui suit, observé sur l’ensemble de la visite. L’INP a remplacé le FID comme signal Web essentiel en mars 2024. Bon : 200 millisecondes ou moins. Mauvais : au-delà de 500 millisecondes.
CLS : Cumulative Layout Shift
La stabilité visuelle : les décalages inattendus de contenu pendant la visite, comme un texte qui descend quand une image ou une bannière se charge au-dessus. C’est un score sans unité. Bon : 0,1 ou moins. Mauvais : au-delà de 0,25.
Point important : Google évalue ces valeurs au 75e centile des visites, séparément sur mobile et sur ordinateur. Autrement dit, une page est jugée bonne si au moins trois visites sur quatre respectent le seuil.
Des Core Web Vitals au vert ne garantissent pas de bonnes positions : Google rappelle que la pertinence du contenu reste déterminante. Mais à contenu comparable, une page rapide et stable part avec un avantage, et elle convertit mieux.
Données de terrain et données de laboratoire : ne pas confondre
C’est la source de confusion la plus fréquente.
- Les données de terrain proviennent de vrais utilisateurs de Chrome, via le rapport CrUX (Chrome User Experience Report), agrégées sur les 28 derniers jours. Ce sont elles que Google utilise. Elles n’existent que si la page ou le site reçoit assez de trafic.
- Les données de laboratoire viennent d’un test simulé, par exemple Lighthouse, sur un appareil et une connexion fixés à l’avance. Elles servent à diagnostiquer et à tester une correction, mais ne reflètent pas forcément ce que vivent vos visiteurs.
Un score Lighthouse de 100 n’est donc pas un objectif en soi. À l’inverse, un score moyen en laboratoire peut cacher de bonnes données réelles si vos visiteurs ont des appareils récents. L’INP, en particulier, ne se mesure pas en laboratoire : Lighthouse affiche à la place le Total Blocking Time, un indicateur qui lui est corrélé.
Les outils pour mesurer vos Core Web Vitals
- Google Search Console, rapport « Signaux Web essentiels » : vue d’ensemble du site, URL regroupées par problème, séparation mobile et ordinateur. Après une correction, le bouton de validation lance un suivi sur une nouvelle période de collecte.
- PageSpeed Insights : pour une URL donnée, les données de terrain en haut (si disponibles), puis un audit Lighthouse avec des pistes d’amélioration.
- Les outils de développement de Chrome : le panneau Performance affiche les indicateurs en direct pendant que vous naviguez, pratique pour reproduire un problème d’INP ou de CLS.
- La bibliothèque web-vitals : un petit script qui envoie les mesures de vos visiteurs vers GA4 ou un autre outil, utile pour un suivi fin par page.
Améliorer le LCP : afficher vite l’essentiel
Accélérer la réponse du serveur
Si le serveur met longtemps à renvoyer la page, tout le reste attend. Un hébergement adapté, une version récente de PHP pour WordPress, un cache de pages et un CDN pour servir les fichiers depuis un point proche du visiteur réduisent ce délai. Pour un site qui vise à la fois la France, la Belgique et le Maroc, le CDN évite de pénaliser une partie de l’audience.
Optimiser l’image principale
- Servez-la dans un format moderne (WebP ou AVIF), aux bonnes dimensions pour chaque écran.
- Ne lui appliquez pas de chargement différé : le lazy loading est utile pour les images plus bas dans la page, pas pour celle du haut.
- Signalez-la comme prioritaire au navigateur (attribut fetchpriority ou préchargement).
- Évitez les carrousels en haut de page, qui retardent souvent l’affichage.
Supprimer ce qui bloque le rendu
Les feuilles de style et scripts chargés en tête de page retardent l’affichage. Réduisez le CSS au nécessaire, différez les scripts non indispensables et limitez le nombre de polices et de graisses chargées.
Améliorer l’INP : une page qui répond au doigt
Un mauvais INP vient presque toujours d’un excès de JavaScript qui occupe le processeur au moment où l’utilisateur interagit.
- Faites l’inventaire des scripts tiers : widgets de chat, pixels publicitaires, outils de heatmap, bannières de cookies. Chacun a un coût. Gardez ceux qui servent vraiment, chargez-les après l’affichage, et centralisez les balises dans Google Tag Manager avec discernement.
- Découpez les tâches longues : un traitement lourd déclenché au clic doit être fractionné pour laisser le navigateur afficher un retour visuel immédiat.
- Allégez les constructeurs de pages et les extensions : sous WordPress, un thème polyvalent et une accumulation d’extensions chargent souvent du code sur toutes les pages, même là où il ne sert pas.
- Testez sur un téléphone d’entrée de gamme : c’est là que l’INP se dégrade, et c’est l’appareil d’une partie de votre clientèle, notamment au Maroc où l’usage mobile domine.
Améliorer le CLS : une mise en page qui ne bouge plus
- Indiquez toujours la largeur et la hauteur des images et des vidéos pour que le navigateur réserve leur place.
- Réservez l’espace des éléments chargés après coup : encarts publicitaires, vidéos intégrées, cartes, widgets d’avis.
- Affichez la bannière de cookies en surimpression plutôt qu’en poussant le contenu vers le bas.
- Maîtrisez le chargement des polices web pour éviter que le texte change de taille une fois la police arrivée.
- N’insérez jamais de contenu au-dessus de ce que l’utilisateur est en train de lire, sauf en réponse à son action.
Le cas particulier de WordPress et WooCommerce
WordPress n’est pas lent par nature ; ce sont les choix de construction qui font la différence. Un thème acheté prêt à l’emploi embarque des dizaines de fonctions que vous n’utiliserez jamais, et chaque extension ajoutée alourdit un peu plus les pages. C’est la raison pour laquelle nous développons des sites WordPress sur mesure, sans thème acheté : le code chargé correspond à ce dont la page a besoin. Nous expliquons ce choix technique sur notre page pourquoi WordPress.
Côté WooCommerce, surveillez en particulier les pages catégorie avec beaucoup de visuels, les scripts de panier chargés sur tout le site et les extensions de paiement ou de livraison. Une boutique qui vend au Maroc avec paiement à la livraison et paiement par carte doit rester fluide sur mobile jusqu’à la validation de commande : c’est l’un des points que nous travaillons dans nos projets de création de site e-commerce au Maroc.
Les erreurs qui font perdre du temps
- Viser un score de laboratoire parfait au lieu de regarder les données réelles.
- Tester uniquement la page d’accueil, alors que les fiches produits ou les articles reçoivent l’essentiel du trafic.
- Tester uniquement sur ordinateur, avec une connexion fibre.
- Empiler des extensions d’optimisation qui se contredisent.
- Ajouter un nouveau pixel ou widget sans mesurer son impact.
- Oublier la performance lors d’une refonte : notre guide pour refondre son site sans perdre son référencement intègre ce contrôle avant la mise en ligne.
Vitesse, référencement et conversions
L’amélioration des Core Web Vitals sert deux objectifs. Pour le référencement, c’est un critère parmi d’autres, qui ne remplace ni le contenu ni la notoriété : pour situer son poids réel dans la durée, lisez notre article sur le temps nécessaire pour être bien référencé. Pour votre activité, c’est surtout moins d’abandons : un formulaire qui réagit immédiatement, une page produit qui s’affiche vite, un bouton qui ne se dérobe pas. Nous développons ces leviers dans notre article sur le taux de conversion d’un site.
Faire le point sur votre site
Commencez par ouvrir le rapport Signaux Web essentiels de Search Console et PageSpeed Insights sur vos pages les plus visitées : vous saurez rapidement si le problème vient du LCP, de l’INP ou du CLS. Si les corrections dépassent quelques réglages, un regard technique fait gagner beaucoup de temps. Nous intégrons l’analyse des Core Web Vitals à notre accompagnement en référencement naturel, pour des entreprises en France comme à Paris, en Belgique ou au Maroc. Demandez un rappel ou un devis gratuit : réponse sous 48 h, sans engagement.
