Mise à jour des Core Web Vitals de Google le 12 mars 2024, entrée en vigueur de l’INP

Les Core Web Vitals sont des signaux mesurés par Google qui indiquent les performances de vos pages et définissent la qualité de l’expérience utilisateur lors de la navigation. Ce sont différentes métriques qui évaluent le chargement, la stabilité visuelle et l’interactivité. En fonction des données vous obtenez une indication “bon”, “amélioration nécessaire” ou “médiocre”.

Jusqu’à présent nous avions le CLS, le FID et le LCP. Google jugeant le FID obsolète déploie officiellement l’ INP pour le remplacer le 12 mars. Voyons plus en détails de quoi il s’agit, quelles seront les conséquences pour votre site web et comment agir.

Qu’est-ce que les Core Web Vitals ?

Les Core Web Vitals sont des indicateurs de performance, vous pouvez les connaître avec des outils comme PageSpeed Insights ou Lighthouse.

capture core web vitals

LCP : Largest Contentful Paint

Le LCP mesure le temps de chargement complet de l’élément principal présent dans la zone de flottaison. Autrement dit, la vitesse d’affichage du contenu principal de la partie de votre page qui est visible sans avoir à scroller.
Si nous prenons l’exemple du site de Captoa, pour la page d’accueil le LCP mesure la vitesse de chargement du titre de la page qui est l’élément principal dans la zone de flottaison. Alors que pour la page création de site internet, le LCP identifie le premier paragraphe de texte comme élément principal.

ScoreBonA améliorerMédiocre
LCP<2,5 s<=4 s>4 s

Pour améliorer un LCP lent, différentes actions peuvent être réalisées comme, de changer de serveur si l’actuel à un temps de réponse trop long, d’optimiser le CSS et JS, d’optimiser les images…

exemple largest contentful paint element

CLS : Cumulative Layout Shift

Le CLS mesure la stabilité visuelle, en effet il arrive qu’au fur et à mesure du chargement les éléments se décalent. Ce qui impacte l’expérience utilisateur et empêche l’internaute d’interagir correctement sur votre page. Le CLS varie de 0 à 1, plus vous êtes proche de zéro plus votre page est stable et l’expérience de navigation agréable.

ScoreBonA améliorerMédiocre
CLS<=0,1<=0,25>0,25

FID : First Input Delay

Le FID mesure le délai entre la première interaction de l’internaute et le moment où le navigateur répond à cette interaction, comme par exemple un clic sur un bouton. C’est cette métrique qui ne s’intéressait qu’à la première interaction qui est à partir du 12 mars remplacée par l’INP.

INP : Interaction to Next Paint

L’INP est plus complète que le FID, cette métrique mesure la réactivité globale d’une page. Elle tient compte de toutes les interactions des utilisateurs réalisées lors de la visite de la page (ajout au panier, ouverture de menu, clic, appui sur écran tactile…). La valeur de l’INP finale correspond à l’interaction la plus longue observée, en ignorant les anomalies. Un INP faible signifie que votre page est réactive aux actions des utilisateurs et que l’expérience est fluide sans interruption visuelle.

ScoreBonA améliorerMédiocre
INP<=200 ms<=500 ms>500 ms

Vous pourrez retrouver votre INP dans la Search Console dès la mise en place officielle. Il est possible que l’INP ne soit pas indiqué si votre propriété ne contient pas suffisamment de données pour fournir des indications pertinentes ou si celle-ci est nouvelle. Si votre INP n’est pas bon, vous pouvez l’optimiser avec différentes actions comme:

  • optimiser le JavaScript et le CSS
  • optimiser l’activité du thread principal
  • réduire la structure DOM
  • utiliser un module de mise en cache si votre site n’en possède pas
  • utiliser un CDN
  • prendre un hébergement plus performant

Pour cela n’hésitez pas à faire appel à un professionnel, expert SEO ou développeur web pour une analyse et la réalisation des correctifs

Comment consulter les Core Web Vitals dans la Search Console ?

Pour consulter le rapport Core Web Vitals dans la Search Console, rendez vous dans le menu “Expérience”, “Core Web Vitals”. Vous pourrez alors consulter les métriques mobile et desktop en cliquant sur “Ouvrir le rapport” à côté de chaque graphique. Pour chaque support, vous pourrez visualiser pourquoi les URL ne sont pas considérées comme bonnes. Les URL sont regroupées selon la classification “bon” “à améliorer” et “médiocre”

core web vitals search console

En cliquant sur la ligne vous obtiendrez une URL exemple et le détail du problème. Vous pourrez alors effectuer les corrections puis valider la correction dans la search console. Il est important de rappeler que l’état d’un groupe d’URL est défini par défaut sur l’état le plus lent qui lui est attribué pour ce type d’appareil.

detail core web vitals search console

Bien que l’INP soit un bon indicateur de performance pour améliorer la réactivité d’un site. Il est essentiel de prendre ces indicateurs pour ce qu’ils sont, des indicateurs 🙂 Ne paniquez pas si vous constatez des scores moyens car ce qui compte vraiment c’est l’expérience utilisateur. Ce n’est pas parce que votre site dépasse de quelques millisecondes les recommandations que vous serez pénalisé. Les Core Web Vitals ont pour le moment, un faible impact sur votre positionnement. En revanche, il est bénéfique de consulter régulièrement son site comme un visiteur sur ordinateur et mobile pour s’assurer que l’expérience de navigation est optimale pour un humain.

Pour bien faire, consultez votre site en navigation privée et réalisez différentes actions. Si vous remarquez que la page met trop de temps à charger, que l’affichage n’est pas stable, effectivement des optimisations sont à réaliser afin de garantir une bonne expérience utilisateur.

Votre site va-t-il être impacté avec l’arrivée de l’INP ?

Si votre site s’affichait rapidement et que vos Core Web Vitals n’étaient pas tous “médiocres” il n’y a pas de raison que l’INP vous porte préjudice. Les sites avec beaucoup d’animations seront néanmoins à surveiller à cause des mouvements des éléments et des interactions parfois complexes. Bien que les Core Web Vitals aient un impact léger sur le positionnement il est important de garder en tête que la qualité et la pertinence du contenu est de loin le facteur prioritaire pour votre référencement.