Core Web Vitals et vitesse du site : l'essentiel

Votre site s'affiche vite sur l'ordinateur du bureau, branché à la fibre. Sur le téléphone d'un client, en 4G au coin d'une rue, l'expérience peut être tout autre. Les Core Web Vitals sont les trois indicateurs que Google utilise pour mesurer cette expérience réelle : vitesse d'affichage, réactivité et stabilité de la page.

Les trois indicateurs en clair

LCP : l'affichage de l'élément principal

Le Largest Contentful Paint mesure le temps nécessaire pour afficher le plus grand élément visible à l'écran au chargement, souvent la grande photo d'accueil ou le premier bloc de texte. Google le juge bon jusqu'à 2,5 secondes.

INP : la réactivité aux actions

L'Interaction to Next Paint mesure le délai entre une action du visiteur, comme un toucher sur un bouton ou l'ouverture d'un menu, et la réaction visible de la page. Il observe les interactions tout au long de la visite et retient l'une des plus lentes. Le seuil recommandé est de 200 millisecondes. L'INP a remplacé l'ancien indicateur FID en mars 2024.

CLS : la stabilité de la mise en page

Le Cumulative Layout Shift mesure les déplacements inattendus du contenu. Vous connaissez la situation : vous allez toucher un lien, une bannière apparaît, tout descend et vous touchez autre chose. Ce score sans unité doit rester sous 0,1.

Ces mesures proviennent de visites réelles d'utilisateurs de Chrome. Une page est jugée bonne quand au moins 75 % des visites respectent chaque seuil, avec une évaluation séparée pour le mobile et l'ordinateur.

Pourquoi ces chiffres comptent pour un petit site

Un client qui cherche vos horaires ou votre numéro veut l'information immédiatement. Si la page reste blanche ou si les boutons réagissent avec retard, il revient aux résultats et choisit le site suivant.

Côté référencement, Google indique que ses systèmes de classement prennent en compte les Core Web Vitals dans l'expérience de page, tout en précisant que la pertinence du contenu reste déterminante. Un site rapide ne garantit donc aucune position. Il évite surtout de perdre des visiteurs que votre contenu aurait convaincus.

Les causes de lenteur les plus fréquentes

Des images trop lourdes : une photo prise au smartphone et publiée telle quelle pèse souvent plusieurs mégaoctets, alors qu'elle s'affiche en petit. C'est la première cause d'un mauvais LCP.
Trop de scripts : ces petits programmes ajoutés à la page pour un fil Instagram, une fenêtre de discussion, une vidéo intégrée, des outils de suivi ou un widget d'avis. Chacun ralentit le chargement et peut dégrader la réactivité.
Un thème ou un constructeur surchargé, accompagné de nombreuses extensions dont la moitié ne sert plus.
Un hébergement bas de gamme : un serveur lent à répondre retarde tout le reste, quelle que soit la qualité du site.
Des éléments sans place réservée : images sans dimensions déclarées, bandeau de cookies qui pousse le contenu, polices qui changent la taille du texte en cours de chargement. Ce sont les causes habituelles d'un mauvais CLS.

Mesurer avec PageSpeed Insights

PageSpeed Insights est un outil gratuit de Google. Il suffit de saisir l'adresse d'une page.

Commencez par l'onglet mobile, celui qui compte le plus pour une activité locale.
Lisez la partie haute : elle présente les données réelles des visiteurs et le verdict sur les trois indicateurs. Un site peu fréquenté n'a parfois pas assez de visites pour afficher ces données, ce qui est normal.
Regardez ensuite le diagnostic : une simulation qui donne une note sur 100 et une liste de pistes d'amélioration. La note varie d'un test à l'autre, ne vous arrêtez pas à quelques points.
Testez vos pages clés : l'accueil, une page de service, la page de contact ou de réservation.

Sur la durée, le rapport Core Web Vitals de la Search Console regroupe les pages par statut. Notre article sur les rapports de Google Search Console montre où le trouver.

Les corrections qui rapportent le plus

Pour un affichage plus rapide

Redimensionnez les photos à leur taille d'affichage et compressez-les, de préférence au format WebP ou AVIF.
Chargez en différé les images situées plus bas dans la page, mais jamais la grande image du haut, qui doit arriver en premier.
Passez à un hébergement de meilleure qualité et activez la mise en cache, qui garde une version prête de vos pages. Notre article sur le nom de domaine et l'hébergement aide à choisir.

Pour une page plus réactive

Supprimez les extensions et les scripts inutiles.
Remplacez les vidéos intégrées par une image cliquable qui ne charge le lecteur qu'au clic.
Remplacez le fil Instagram en direct par quelques photos fixes et un lien vers votre compte.

Pour une mise en page stable

Déclarez la largeur et la hauteur de chaque image et de chaque vidéo.
Affichez le bandeau de cookies par-dessus la page plutôt qu'en haut du contenu.
Limitez le nombre de polices et de graisses de caractères.

Ces réglages ne sont pas définitifs : chaque nouvelle photo ou extension peut dégrader les scores. Ils ont donc leur place dans la maintenance régulière de votre site.

Par où commencer

Passez votre page d'accueil dans PageSpeed Insights, onglet mobile, et notez les résultats.
Vérifiez le poids de vos principales photos et réduisez celles qui dépassent largement leur taille d'affichage.
Faites la liste des scripts et extensions installés et retirez ceux dont vous n'avez plus besoin.
Refaites le test un mois plus tard pour mesurer l'effet.

Si votre site cumule ces problèmes, comparez le coût des correctifs avec celui d'une refonte : le configurateur de devis donne une estimation en quelques clics.