Core Web Vitals expliqués simplement : rendre votre site plus rapide

Que sont les Core Web Vitals ?

Les Core Web Vitals sont trois indicateurs avec lesquels Google évalue l'expérience utilisateur : le temps d'affichage du contenu principal, la réactivité aux interactions et la stabilité visuelle. Ils sont mesurés auprès de vrais utilisateurs de Chrome, et non en laboratoire. La valeur retenue est celle atteinte par au moins 75 % des visites.

C'est un facteur de classement parmi d'autres ; un bon contenu reste plus important. Mais à contenu comparable, la meilleure expérience peut faire la différence. Et indépendamment de Google, chaque seconde d'attente sur smartphone coûte des demandes, surtout pour les recherches locales en déplacement.

LCP : la vitesse d'affichage du contenu principal

Le Largest Contentful Paint (LCP) mesure le moment où le plus grand élément visible est chargé, souvent l'image principale ou le titre. Un bon résultat est de 2,5 secondes au maximum. Les causes fréquentes de mauvais résultats sont des images énormes et non compressées, un serveur lent, trop de polices et des scripts qui bloquent l'affichage.

Les remèdes : des formats d'image modernes comme WebP ou AVIF à la bonne taille, une image principale chargée en priorité, peu de polices préchargées et un hébergement rapide avec mise en cache. Les pages générées de manière statique, comme celles que nous réalisons, ont ici un net avantage.

• Images en WebP ou AVIF, à la taille affichée
• Image principale prioritaire, images plus bas chargées en différé
• Peu de variantes de police, hébergées localement
• Hébergement rapide avec cache ou pages statiques

INP : la réactivité aux interactions

L'Interaction to Next Paint (INP) a remplacé l'ancien FID en mars 2024. Il mesure le temps entre un clic, un toucher ou une saisie et la réaction visible de la page. Un bon résultat est de 200 millisecondes au maximum. Les mauvais résultats viennent surtout d'un excès de JavaScript qui bloque le navigateur.

Les freins typiques sont les constructeurs de pages lourds, les nombreux plugins, les widgets de chat, les scripts de suivi et les carrousels. Vérifiez quels scripts sont vraiment nécessaires. Chaque outil externe consomme du temps de calcul sur le smartphone de vos clients, souvent bien moins puissant que votre ordinateur de bureau.

CLS : la page bouge-t-elle pendant le chargement ?

Le Cumulative Layout Shift (CLS) mesure à quel point les contenus se déplacent pendant le chargement. Vous connaissez la situation : on veut toucher un lien et tout glisse vers le bas parce qu'une image ou une bannière se charge. Un bon résultat est de 0,1 au maximum.

La solution est souvent simple : intégrer images et vidéos avec des dimensions fixes, réserver l'espace des bannières et contenus intégrés et charger les polices de manière à ce que le texte ne saute pas. Les bandeaux cookies doivent s'afficher par-dessus le contenu plutôt que de le pousser.

Comment tester votre site

Le plus simple est d'utiliser PageSpeed Insights de Google. Saisissez votre adresse et regardez d'abord la partie supérieure avec les données réelles des visites. Si votre site n'a pas assez de trafic, l'outil n'affiche que des données de laboratoire issues d'une simulation : une bonne indication, mais pas un verdict.

Dans la Google Search Console, le rapport « Signaux Web essentiels » donne une vue d'ensemble de toutes les pages, séparément pour mobile et ordinateur. Concentrez-vous d'abord sur le mobile. Testez aussi les pages de prestations, les articles et la page de contact, car les visiteurs arrivent souvent par ces pages.

• PageSpeed Insights : données réelles d'abord, laboratoire en complément
• Search Console : rapport « Signaux Web essentiels », mobile d'abord
• Tester plusieurs types de pages, pas seulement l'accueil

Ce qui aide vraiment et ce qui n'aide pas

Les plugins d'optimisation améliorent parfois certaines valeurs, mais règlent rarement le problème de fond d'un système surchargé. Pour un site qui tourne avec des dizaines de plugins et un thème lourd, une reconstruction légère est souvent plus durable que des corrections sans fin. Une courte analyse dans le cadre d'une refonte de site montre si cela vaut la peine.

L'entretien compte tout autant : compresser les nouvelles images, mettre à jour les plugins, supprimer les scripts superflus. Avec un contrat de maintenance, votre site reste rapide durablement, et notre accompagnement SEO suit Core Web Vitals et positions ensemble. Pour ne pas perdre de positions lors d'une refonte, consultez notre checklist de refonte.