Aller au contenu

Votre site en ligne en 7 joursParler de mon projet

Trois jauges violettes intitulées LCP, INP et CLS, avec leurs seuils : 2,5 secondes, 200 millisecondes et 0,1.

En bref

Les Core Web Vitals, ou signaux web essentiels, sont trois indicateurs de Google qui mesurent l’expérience réelle d’une page : le LCP pour la vitesse d’affichage du contenu principal (bon jusqu’à 2,5 secondes), l’INP pour la réactivité aux interactions (bon jusqu’à 200 millisecondes) et le CLS pour la stabilité visuelle (bon jusqu’à 0,1). Une page les respecte quand 75 % de ses visites réelles atteignent ces seuils, sur mobile comme sur ordinateur.

Votre site met-il trop de temps à s’afficher ? Les boutons répondent-ils tout de suite ? La page saute-t-elle pendant le chargement ? Ce sont exactement les trois questions auxquelles répondent les Core Web Vitals. Google les a définis pour mesurer l’expérience d’une page telle que vos visiteurs la vivent.

Les Core Web Vitals, c’est quoi ?

Les Core Web Vitals (en français, les signaux web essentiels) sont trois indicateurs : le LCP, l’INP et le CLS. Chacun mesure une facette de l’expérience : le chargement, la réactivité et la stabilité visuelle.

Deux points à connaître :

  • Ils sont mesurés sur de vraies visites. Google s’appuie sur les données des utilisateurs de Chrome, réunies dans le rapport CrUX, et non sur un test isolé.
  • Une page passe le test quand 75 % de ses visites sont bonnes, séparément sur mobile et sur ordinateur.
Seuils des Core Web Vitals : LCP bon jusqu’à 2,5 secondes, à améliorer jusqu’à 4 secondes, mauvais au-delà ; INP bon jusqu’à 200 millisecondes, à améliorer jusqu’à 500, mauvais au-delà ; CLS bon jusqu’à 0,1, à améliorer jusqu’à 0,25, mauvais au-delà.
Les seuils des trois Core Web Vitals, tels que définis par Google.

LCP : la vitesse d’affichage

Le Largest Contentful Paint mesure le temps nécessaire pour afficher le plus grand élément visible au chargement : souvent une image de couverture ou le titre principal. C’est le moment où le visiteur a l’impression que la page est là.

  • Bon : 2,5 secondes ou moins.
  • À améliorer : jusqu’à 4 secondes.
  • Mauvais : au-delà de 4 secondes.

Ce qui le ralentit le plus souvent : des images trop lourdes, un serveur lent à répondre, des feuilles de style et des polices qui bloquent l’affichage. Ce qui l’améliore : des images compressées dans un format moderne et aux bonnes dimensions, l’élément principal chargé en priorité, un hébergement rapide et le moins possible de fichiers bloquants. Le détail est sur web.dev.

INP : la réactivité

L’Interaction to Next Paint mesure le délai entre une action du visiteur (un clic, un appui, une touche) et la réponse visible de la page. Il a remplacé le FID parmi les Core Web Vitals en mars 2024.

  • Bon : 200 millisecondes ou moins.
  • À améliorer : jusqu’à 500 millisecondes.
  • Mauvais : au-delà de 500 millisecondes.

Ce qui le dégrade : trop de JavaScript exécuté au mauvais moment, des scripts tiers (publicité, suivi, widgets) qui occupent le navigateur. Ce qui l’améliore : moins de JavaScript, des scripts tiers chargés seulement là où ils servent, des tâches longues découpées. Sur websiteo.co, par exemple, l’agenda de réservation ne se charge que sur la page qui l’affiche. Pour aller plus loin : l’INP sur web.dev.

CLS : la stabilité visuelle

Le Cumulative Layout Shift mesure les décalages inattendus de la mise en page : le texte qui saute au moment où une image apparaît, le bouton qui se dérobe sous le doigt.

  • Bon : 0,1 ou moins.
  • À améliorer : jusqu’à 0,25.
  • Mauvais : au-delà de 0,25.

Causes fréquentes : des images et des vidéos sans dimensions déclarées, des bandeaux insérés en haut de page après le chargement, des polices qui changent la taille du texte en s’affichant. Remèdes : réserver la place de chaque média, ne jamais insérer de contenu au-dessus de ce qui est déjà affiché, charger les polices proprement. Voir le CLS sur web.dev.

Les trois indicateurs en un coup d’œil

Les Core Web Vitals en résumé
IndicateurCe qu’il mesureBonLevier principal
LCPAffichage du contenu principal≤ 2,5 sImages légères, élément principal chargé en priorité
INPRéactivité aux interactions≤ 200 msMoins de JavaScript, scripts tiers limités
CLSStabilité visuelle≤ 0,1Place réservée pour chaque média

Comment mesurer vos Core Web Vitals

  • PageSpeed Insights : saisissez une adresse, vous obtenez les données de terrain (si la page a assez de visites) et un test de laboratoire, avec des pistes d’amélioration.
  • La Search Console : son rapport « Core Web Vitals » classe vos pages par statut, sur mobile et sur ordinateur.
  • Lighthouse, intégré à Chrome : pratique pendant le développement, mais il ne mesure qu’une visite simulée.

Un site récent ou peu visité n’a souvent pas encore de données de terrain : le test de laboratoire sert alors de repère.

Quel poids pour le référencement ?

Google intègre les Core Web Vitals à ses signaux d’expérience sur la page. Ils ne font pas tout : une page lente mais très pertinente peut rester devant une page rapide et creuse. Mais à pertinence comparable, l’expérience fait la différence. Et surtout, elle pèse directement sur ce que font vos visiteurs : un site lent ou instable perd des contacts avant même d’avoir été lu.

Chez Websiteo, chaque site est conçu pour ces signaux dès le premier jour : c’est l’un des engagements du standard Websiteo, inclus dans chaque projet. Notre propre site affiche d’ailleurs ses scores, vérifiables par tous sur PageSpeed Insights. Parlons de votre projet.

Questions fréquentes

Vos questions.

Les Core Web Vitals sont-ils un critère de classement sur Google ?

Oui, ils font partie des signaux d’expérience sur la page pris en compte par les systèmes de classement de Google. Ils ne remplacent pas la pertinence du contenu : à contenu comparable, une page rapide et stable part avec un avantage.

Quelle différence entre PageSpeed Insights et Lighthouse ?

PageSpeed Insights affiche deux types de mesures : les données de terrain, issues des visites réelles des utilisateurs de Chrome, et un test de laboratoire réalisé par Lighthouse sur une visite simulée. Ce sont les données de terrain qui servent à évaluer les Core Web Vitals.

Qu’est-ce qu’un bon score PageSpeed ?

Un score de performance de 90 à 100 est considéré comme bon, de 50 à 89 comme à améliorer, et en dessous de 50 comme faible. Ce score de laboratoire est un bon repère, mais ce sont les Core Web Vitals mesurés sur les visites réelles qui comptent pour Google.

Pourquoi le score change-t-il d’un test à l’autre ?

Un test de laboratoire dépend du réseau, du serveur et de la charge du moment : quelques points d’écart sont normaux. Pour comparer deux versions d’une page, lancez plusieurs tests et retenez la valeur médiane.

Un projet de site ?.

Parlez-nous de votre projet : vous repartez avec un devis clair et un planning précis, jour par jour.

Parler de mon projet