Core Web Vitals : le guide concret pour accélérer votre site (et votre SEO)

La vitesse d'un site n'est pas un détail technique réservé aux développeurs : c'est une question de chiffre d'affaires. Google le rappelle depuis des années — dans une étude devenue référence, la probabilité qu'un internaute quitte une page mobile grimpe de 32 % quand le temps de chargement passe de 1 à 3 secondes, et de 90 % entre 1 et 5 secondes. Les Core Web Vitals sont la façon dont Google traduit cette réalité en indicateurs mesurables, intégrés à son algorithme de classement depuis 2021.

Bonne nouvelle : on n'a presque jamais besoin de tout refaire. Dans la majorité des cas, quelques réglages ciblés suffisent à passer au vert. Voici lesquels, dans l'ordre où ils rapportent le plus.

1. Ce que mesurent vraiment les Core Web Vitals

Trois indicateurs, trois expériences distinctes vécues par le visiteur :

• LCP (Largest Contentful Paint) — le temps qu'il faut pour afficher le plus gros élément visible (souvent l'image ou le titre du haut de page). C'est la perception du « la page s'est chargée ».
• INP (Interaction to Next Paint) — la réactivité : quand l'internaute clique ou tape, combien de temps avant que l'interface réponde. L'INP a officiellement remplacé le FID le 12 mars 2024 ; il est plus exigeant car il mesure toutes les interactions, pas seulement la première.
• CLS (Cumulative Layout Shift) — la stabilité visuelle : le contenu ne doit pas « sauter » pendant le chargement (une pub qui pousse le texte, un bouton qui se déplace au moment où on le vise).

2. Les seuils à viser (et pourquoi le mobile décide)

Google fixe des seuils « bon / à améliorer / mauvais », évalués au 75^e centile de vos visiteurs réels — autrement dit, l'expérience doit être bonne pour au moins 3 utilisateurs sur 4 :

• LCP : bon ≤ 2,5 s, à améliorer jusqu'à 4 s.
• INP : bon ≤ 200 ms, à améliorer jusqu'à 500 ms.
• CLS : bon ≤ 0,1, à améliorer jusqu'à 0,25.

Le point capital : Google indexe et évalue en mobile-first. C'est le smartphone milieu de gamme, sur une connexion moyenne, qui fait foi — pas votre MacBook en fibre. C'est presque toujours là que les scores décrochent, et donc là qu'il faut regarder en premier.

3. Les 6 leviers les plus rentables

Par ordre de rapport effort / résultat, voici ce qui bouge réellement l'aiguille :

• Les images (impact LCP majeur) : servir du WebP ou de l'AVIF, dimensionner correctement (pas une image 3000 px affichée en 400 px), activer le lazy-loading sous la ligne de flottaison — mais surtout précharger l'image principale du haut de page.
• Les polices d'écriture : les self-héberger, les précharger et utiliser font-display: swap pour éviter le texte invisible pendant le chargement.
• Le JavaScript (levier INP n°1) : c'est lui qui « bloque » le fil principal du navigateur. On charge le strict nécessaire, on diffère le reste, et on se méfie des extensions et scripts tiers (chat, A/B testing, trackers) qui s'accumulent.
• Cache & compression : Brotli ou gzip côté serveur, cache navigateur bien configuré, et un cache de pages (côté WordPress notamment) pour ne pas régénérer le HTML à chaque visite.
• La stabilité (CLS) : réserver la place des images et iframes en indiquant leurs dimensions, éviter d'injecter des bannières qui poussent le contenu, charger les polices proprement.
• Un bon hébergement + CDN : un serveur lent plombe le TTFB, qui plombe le LCP. Un CDN rapproche vos fichiers de vos visiteurs.

4. Mesurer sur le terrain, pas seulement en labo

Deux familles d'outils, à ne pas confondre :

• Les données de laboratoire (Lighthouse, l'onglet Performance de Chrome) : utiles pour diagnostiquer et reproduire, mais simulées.
• Les données de terrain (le rapport CrUX / Search Console, PageSpeed Insights) : ce sont vos vrais visiteurs. C'est cette donnée que Google utilise pour le classement.

La bonne méthode : mesurer avec PageSpeed Insights (ou notre test express), corriger un levier à la fois, re-mesurer. On vise le vert sur mobile, puis on surveille la Search Console sur quelques semaines, le temps que les données de terrain se mettent à jour.

5. FAQ & ce qu'il faut retenir

En résumé : la performance, c'est du confort pour vos visiteurs, du SEO en plus et de l'éco-conception. Souvent, 20 % d'efforts donnent 80 % du résultat — l'important est de savoir où appuyer.

Sources : web.dev — Web Vitals (Google), Google — INP devient un Core Web Vital (12 mars 2024), Think with Google — impact du temps de chargement mobile.