Core Web Vitals : comprendre et améliorer

Un visiteur clique sur votre annonce. La page reste blanche pendant trois secondes. Enfin, le texte apparaît, il vise le bouton « Demander un devis », et au dernier moment une image se charge et fait glisser le bouton sous son doigt : il clique sur autre chose. Il revient en arrière, et Google note discrètement que l’expérience n’était pas bonne.

C’est exactement ce que mesurent les Core Web Vitals, ou « signaux Web essentiels » : non pas la vitesse pure d’un serveur, mais ce que ressent un vrai visiteur. Trois indicateurs, des seuils publics, et des correctifs que l’on peut appliquer un par un.

Que sont les Core Web Vitals ?

Les Core Web Vitals sont un ensemble de métriques créées par Google pour évaluer l’expérience réelle des utilisateurs sur une page, à travers trois dimensions : le chargement, l’interactivité et la stabilité visuelle. Elles s’appuient sur des données collectées auprès de vrais internautes et sont évaluées séparément sur mobile et sur ordinateur.

Elles entrent dans les critères d’expérience de page pris en compte par Google, mais ne pèsent pas plus qu’un contenu utile et pertinent : un site rapide et vide ne battra pas un site utile un peu plus lent. Elles servent surtout à ne pas pénaliser vos visiteurs, ce qui profite aussi à vos conversions.

Les trois indicateurs et leurs seuils

Voici de quoi il s’agit, avec les seuils qualifiés de « bons » par Google. Une page est jugée bonne lorsque ces seuils sont respectés pour au moins 75 % des visites.

Comment mesurer vos Core Web Vitals

Deux sources se complètent, et il faut savoir les distinguer :

• Les données de terrain, issues de visiteurs réels, se lisent dans le rapport « Signaux Web essentiels » de la Google Search Console, qui regroupe vos pages par état : bon, à améliorer, médiocre.
• Les données de laboratoire, simulées à la demande, s’obtiennent avec des outils comme PageSpeed Insights, qui affichent aussi les pistes d’amélioration page par page.

Les premières font foi pour Google ; les secondes vous aident à trouver quoi corriger. Un site trop peu visité peut ne pas avoir de données de terrain : c’est normal, et il faut alors se fier aux tests de laboratoire.

Améliorer le LCP : afficher l’essentiel plus vite

1. Allégez l’image principale. Format moderne (WebP ou AVIF), dimensions adaptées à l’écran, pas de fichier de plusieurs mégaoctets pour une vignette.
2. Ne pas différer l’image principale. Le chargement différé est utile pour les images en bas de page, mais nuit à l’élément principal visible dès l’arrivée.
3. Activez un cache et vérifiez la réactivité de votre serveur : un hébergement lent retarde tout le reste (voir notre guide sur l’hébergement WordPress).
4. Réduisez les ressources qui bloquent l’affichage : feuilles de style et scripts inutiles chargés en haut de page.
5. Hébergez vos polices sur votre propre site, avec un affichage de secours, plutôt que d’attendre un service externe.

Améliorer l’INP : une page qui répond tout de suite

1. Supprimez les extensions inutiles. Chaque extension ajoute du code que le navigateur doit exécuter.
2. Auditez les scripts tiers : chat, outils de suivi, vidéos intégrées. Gardez ceux qui servent vraiment, retardez les autres.
3. Méfiez-vous des constructeurs de pages surchargés qui produisent beaucoup de code pour un résultat simple.
4. Testez sur un mobile d’entrée de gamme, pas seulement sur votre ordinateur : c’est là que la lenteur se révèle.

Améliorer le CLS : ne plus faire bouger la page

1. Indiquez la largeur et la hauteur de chaque image et vidéo pour que la place soit réservée avant leur chargement.
2. Réservez l’espace des éléments injectés après coup : bandeau cookies, publicité, formulaire intégré.
3. Évitez d’insérer du contenu au-dessus de ce que le visiteur lit déjà.
4. Choisissez des polices de secours proches de la police finale pour limiter le saut à l’affichage.

Par où commencer ?

Ne cherchez pas un score parfait sur toutes les pages. Commencez par vos pages qui rapportent : accueil, pages de service, pages sur lesquelles arrivent vos campagnes. Corrigez d’abord l’indicateur en rouge le plus simple à traiter, mesurez, puis passez au suivant. Après vos corrections, laissez quelques semaines aux données de terrain pour se mettre à jour, puis suivez l’évolution comme pour vos positions dans Google.

Ces réglages techniques font partie de la maintenance WordPress : mises à jour, allègement des extensions, cache et surveillance, assurés à distance.

À lire aussi : Faut-il un contrat de maintenance WordPress ?.

À lire aussi : Refonte de site : les signaux qui la justifient (et ceux qui ne la justifient pas).