Vitesse de site et Core Web Vitals : comprendre et améliorer

Un site lent fait fuir les visiteurs et donne une mauvaise image de votre entreprise. Pour évaluer cette expérience, Google utilise trois indicateurs appelés Core Web Vitals : le LCP, qui mesure la rapidité d'affichage du contenu principal, l'INP, qui mesure la réactivité aux actions, et le CLS, qui mesure la stabilité visuelle de la page. Vous pouvez les mesurer gratuitement avec PageSpeed Insights et Google Search Console, puis les améliorer en travaillant surtout sur les images, les polices, le JavaScript et l'hébergement. Voici comment faire, sans perdre de vue l'essentiel : l'expérience de vos visiteurs compte davantage qu'un score.

Que sont les Core Web Vitals ?

Les Core Web Vitals, ou « signaux web essentiels », sont un ensemble d'indicateurs définis par Google pour mesurer l'expérience réelle des internautes sur une page. Ils s'appuient sur des données collectées auprès de vrais utilisateurs du navigateur Chrome, et pas seulement sur des tests en laboratoire.

Ils font partie des éléments que Google prend en compte dans l'évaluation de l'expérience sur une page. Il ne faut pas pour autant en exagérer l'importance pour le classement : un contenu pertinent reste déterminant, et un excellent score ne garantit aucune position. En revanche, un site rapide et agréable a de meilleures chances de transformer une visite en demande de contact.

Les trois indicateurs à connaître

LCP : l'affichage du contenu principal

Le LCP (Largest Contentful Paint, « affichage du plus grand élément de contenu ») mesure le temps nécessaire pour afficher le plus gros élément visible au chargement de la page : souvent une grande image, une vidéo ou un bloc de texte principal. C'est une bonne approximation du moment où le visiteur a le sentiment que la page est chargée.

Un LCP lent vient souvent d'une image trop lourde en haut de page, d'un serveur qui répond lentement ou de fichiers qui bloquent l'affichage.

INP : la réactivité aux interactions

L'INP (Interaction to Next Paint, « interaction jusqu'au prochain affichage ») mesure le délai entre une action du visiteur (un clic, un appui sur l'écran, une saisie au clavier) et la réponse visible de la page. Il observe l'ensemble des interactions pendant la visite, et pas seulement la première.

L'INP a remplacé le FID (First Input Delay) comme indicateur officiel des Core Web Vitals en mars 2024. Si vous lisez encore des conseils centrés sur le FID, ils sont dépassés. Un INP médiocre est généralement lié à un excès de JavaScript qui occupe le navigateur et l'empêche de réagir rapidement.

CLS : la stabilité visuelle

Le CLS (Cumulative Layout Shift, « décalage cumulé de la mise en page ») mesure les mouvements inattendus des éléments pendant le chargement. Vous connaissez sûrement la situation : vous vous apprêtez à appuyer sur un bouton, une bannière apparaît au-dessus et vous cliquez au mauvais endroit. C'est exactement ce que le CLS cherche à repérer.

Les causes fréquentes : des images sans dimensions définies, des encarts publicitaires ou des bandeaux insérés après coup, des polices qui changent la taille du texte une fois chargées.

Les seuils recommandés par Google

Google publie des seuils de référence pour qualifier une expérience de « bonne » : un LCP inférieur ou égal à 2,5 secondes, un INP inférieur ou égal à 200 millisecondes et un CLS inférieur ou égal à 0,1. Ces seuils s'apprécient sur la majorité des visites réelles, et non sur un test isolé. Les détails sont expliqués sur le site officiel web.dev (nouvel onglet).

Comment mesurer la vitesse de votre site

PageSpeed Insights

PageSpeed Insights (nouvel onglet) est un outil gratuit de Google. Vous saisissez l'adresse d'une page et il affiche deux types de résultats :

• Les données réelles (dites « de terrain »), issues des visites d'utilisateurs de Chrome sur les derniers jours, lorsque la page ou le site reçoit suffisamment de trafic. Ce sont elles qui reflètent l'expérience vécue.
• Les données de laboratoire, issues d'un test simulé au moment de l'analyse. Elles sont utiles pour diagnostiquer les problèmes et voir l'effet d'une correction, mais elles varient d'un test à l'autre.

Testez plusieurs pages importantes, pas uniquement la page d'accueil : une page de service ou une page de contact peut avoir des problèmes différents. Regardez en priorité les résultats sur mobile.

Google Search Console

Dans Google Search Console, le rapport consacré aux Core Web Vitals regroupe les pages de votre site selon leur état : bonnes, à améliorer ou médiocres, sur mobile et sur ordinateur. Il s'appuie sur les données réelles et permet de repérer des groupes de pages qui partagent le même problème. Après une correction, vous pouvez demander à Google de valider le correctif ; la validation prend du temps, car elle repose sur les nouvelles visites.

Pour les petits sites peu visités, il arrive que ces rapports n'affichent pas de données. Dans ce cas, les tests de laboratoire et vos propres essais sur téléphone restent de bons repères.

Les principaux leviers d'amélioration

Les images

Les images sont souvent le premier poste de lourdeur sur un site d'entreprise. Quelques bonnes pratiques :

• Redimensionner les images à la taille réellement affichée, plutôt que d'envoyer une photo prise en très haute définition.
• Utiliser des formats modernes et compressés comme WebP ou AVIF.
• Différer le chargement des images situées plus bas dans la page (on parle de chargement « paresseux »), mais pas celui de l'image principale en haut de page.
• Indiquer la largeur et la hauteur de chaque image pour éviter les décalages de mise en page.

Les polices de caractères

Les polices personnalisées donnent du caractère à un site, mais elles doivent être téléchargées. Limitez le nombre de familles et de variantes (gras, italique, différentes épaisseurs), hébergez-les de préférence avec le site et configurez leur affichage pour que le texte reste lisible pendant leur chargement.

Le JavaScript

Le JavaScript est le langage qui rend les pages interactives : menus, carrousels, formulaires, outils de mesure, modules de discussion. Chaque script ajouté a un coût. Pour améliorer l'INP et le LCP :

1. Faites l'inventaire des scripts présents : outils de suivi, widgets, extensions installées puis oubliées.
2. Supprimez ceux qui ne servent plus.
3. Chargez les scripts non essentiels après l'affichage du contenu principal.
4. Méfiez-vous des carrousels animés et des effets visuels lourds, souvent peu utiles pour vos visiteurs.

L'hébergement et le serveur

Un serveur lent pénalise toutes les pages, quelle que soit la qualité du reste. Un hébergement adapté à votre site, un système de cache (qui garde en mémoire des versions prêtes à servir des pages) et, si nécessaire, un réseau de diffusion de contenu (des serveurs répartis géographiquement qui livrent les fichiers au plus près du visiteur) peuvent nettement améliorer la réactivité. Le sujet est développé dans notre article sur le nom de domaine, l'hébergement et la maintenance.

L'expérience utilisateur avant le score

Il est tentant de viser le score maximal dans PageSpeed Insights. Ce n'est pas l'objectif. Le score de laboratoire est un outil de diagnostic, pas une fin en soi. Ce qui compte, c'est qu'un client potentiel, sur son téléphone, dans la rue ou sur un réseau mobile moyen, puisse trouver votre numéro, lire vos services et envoyer une demande sans attendre ni se tromper de bouton.

Quelques erreurs fréquentes à éviter :

• Supprimer des éléments utiles, comme des photos de réalisations, uniquement pour gagner quelques points.
• Ne tester que sur un ordinateur de bureau avec une connexion rapide.
• Installer de nombreuses extensions « d'optimisation » qui se contredisent et alourdissent le site.
• Corriger le score une fois, puis ajouter de nouveaux scripts ou de grandes images sans vérifier leur effet.

La vitesse fait partie d'un ensemble : un site clair, rapide et rassurant aide vos visiteurs à passer à l'action. Pour aller plus loin sur ce point, lisez notre article sur la manière de transformer les visiteurs en demandes de contact.

En résumé

• Les Core Web Vitals mesurent l'expérience réelle : affichage (LCP), réactivité (INP) et stabilité (CLS).
• L'INP a remplacé le FID en mars 2024.
• Mesurez avec PageSpeed Insights et le rapport dédié de Google Search Console, en priorité sur mobile.
• Les leviers principaux : images allégées, polices limitées, JavaScript maîtrisé, hébergement adapté.
• Un bon score n'est pas une garantie de classement : le contenu reste déterminant.
• Visez l'expérience de vos visiteurs plutôt qu'une note parfaite.

Votre site vous semble lent ou vous voulez savoir ce qui le freine ? Découvrez notre service d'optimisation de site Internet ou demandez un audit.