Site Web Avancé : Introduction aux Éléments Web Essentiels

Les Web Vitals de Google sont des indicateurs d'expérience utilisateur qui mesurent les performances d'un site et la qualité de l'expérience utilisateur qu'il offre. En juin 2021, Google prévoit de déployer une version améliorée de ces indicateurs, appelée Core Web Vitals, axée sur la vitesse de chargement, l'interactivité et la stabilité visuelle. Ces Core Web Vitals sont : le Cumulative Layout Shift (CLS), le First Input Delay (FID), le Largest Contentful Paint (LCP), l'Interaction To Next Paint (INP) et le Time to First Byte (TTFB).

Les Core Web Vitals sont importants car ils constituent un ensemble commun de métriques et de points de référence utilisés par de nombreux services Google et qui ont un impact direct sur le classement dans les résultats de recherche. En mesurant et en optimisant votre site pour les Core Web Vitals, vous améliorez également l'expérience utilisateur globale.

CLS

Le CLS (Cumulative Layout Shift) mesure la stabilité visuelle du contenu d'une page en additionnant les scores de décalage de mise en page pour chaque décalage inattendu survenant durant la durée de vie de la page. Un décalage de mise en page se produit lorsqu'un élément se déplace de sa position initiale suite au chargement de ressources ultérieures, repoussant ainsi le contenu situé en dessous. Par exemple, un utilisateur effectue des achats en ligne et, au moment où il tente de cliquer sur le bouton « Ajouter au panier », une publicité se charge au-dessus de ce bouton et le repousse vers le bas. Ce décalage peut l'amener à cliquer accidentellement sur la publicité au lieu du bouton « Ajouter au panier ». Un CLS faible contribue à garantir une expérience utilisateur positive sur votre site et permet à vos utilisateurs d'atteindre rapidement leurs objectifs.

FID

Le FID mesure le délai d'interactivité et de réactivité. Il s'agit du temps qui s'écoule entre l'interaction de l'utilisateur avec votre contenu (clic sur un lien, appui sur un bouton ou sur une touche) et le traitement de cette interaction par le navigateur. Le FID comptabilise uniquement le délai, et non le temps de traitement de l'événement ni la durée de mise à jour de l'interface utilisateur. Ce délai est généralement dû au fait que le navigateur est occupé à charger le reste du contenu de la page et ne peut pas encore répondre à l'interaction de l'utilisateur. Un FID court peut inciter l'utilisateur à rester sur la page et à interagir avec votre contenu. Actuellement, la plupart des sites web obtiennent de bons résultats en matière de mesure du FID.

Note:

Le zoom et le défilement ne sont pas pris en compte dans le calcul du FID.

LCP

Le LCP (Largest Contentful Paint) mesure le temps de chargement du plus grand élément visible de la page par rapport au début du chargement de la page. Le LCP varie au fur et à mesure que différents éléments se chargent. Le navigateur cesse de mesurer le LCP lorsque l'utilisateur interagit avec la page, car les interactions modifient généralement ce qui est visible. Un temps de chargement rapide rassure l'utilisateur quant à l'utilité de la page, car il peut accéder rapidement à son contenu.

Éléments pouvant constituer le LCP :

  • <img>
  • <image> à l'intérieur d'un <svg>
  • <vidéo>
  • Élément avec une image de fond chargée à l'aide de la fonction url() au lieu d'un dégradé CSS
  • Éléments de niveau bloc contenant des nœuds de texte ou d'autres éléments de texte en ligne enfants

Note:

À mesure que Google étend ses Core Web Vitals, ils ont indiqué que <svg> et <video> pourraient être inclus comme éléments utilisés pour mesurer le LCP à l'avenir.

INP

L'INP (Indice de Temps de Réponse) mesure la réactivité d'une page aux interactions utilisateur spécifiques programmées dans la métrique INP globale, calculée à partir des données de laboratoire et des données de terrain de Google Chrome. L'INP vise à représenter le délai d'interaction global d'une page. Pour ce faire, il analyse un échantillon des interactions les plus longues lors de la visite de la page. Par exemple, si une page compte moins de 50 interactions, l'INP prend en compte l'interaction présentant le délai le plus important. La mesure de l'INP représente le temps d'attente d'un utilisateur pour interagir avec l'ensemble de la page. Ceci contraste avec le FID (Délai de Première Interaction).

L'INP s'intéresse aux types d'interactions suivants :

  • Tout clic de souris sur un élément interactif.
  • Tout appui sur un élément interactif sur n'importe quel appareil doté d'un écran tactile.
  • Appuyer sur une touche d'un clavier physique ou virtuel.

La documentation web.dev de Google explique qu'une bonne valeur INP est d'environ 200 millisecondes ou moins.

Remarques :

  • INP remplacera FID en mars 2024. Le score INP n'aura pas d'impact sur CWV avant mars 2024. Cependant, en prévision de cette transition, Google a commencé à informer les propriétaires de sites lorsque des problèmes liés à l'INP sont détectés.
  • Avant même l'annonce de Google, Guesty Websites avait déjà commencé à travailler sur cet indicateur. De ce fait, de nombreux sites obtiennent déjà de bons scores INP, même si nous continuons à l'optimiser.
  • Nous poursuivons nos recherches sur l'INP et identifions les bonnes pratiques pour les équipes d'administration et les créateurs de sites. Nous vous informerons des meilleures pratiques à mettre en œuvre dès que nous en saurons plus. En attendant, si vous recevez une notification de Google signalant des problèmes d'INP sur votre site, veuillez vérifier qu'il respecte les bonnes pratiques actuelles (pour plus d'informations, consultez la page « Optimiser votre site pour les indicateurs Web essentiels »).
  • Soyez assurés que Guesty travaille activement à l'optimisation de ce score et nous sommes confiants d'être prêts pour le lancement officiel en mars 2024. Si vous avez des inquiétudes concernant votre score INP d'ici là, nous vous recommandons de consulter un expert en référencement pour obtenir de l'aide.

TTFB

Le TTFB mesure le temps nécessaire au serveur pour transférer le premier octet.

Le TTFB est depuis longtemps soupçonné d'être un facteur d'amélioration significative des performances, ce qui signifie qu'il s'agit d'une priorité pour les professionnels du référencement naturel qui doivent l'optimiser dans le cadre de leur processus de référencement.

Comment mesurer les indicateurs clés de performance web

Pour mesurer les indicateurs clés de performance web (Core Web Vitals), vous pouvez utiliser des données de laboratoire ou des données de terrain. Les données de laboratoire proviennent d'outils qui simulent le chargement et l'interaction d'une page. Les données de terrain, quant à elles, sont recueillies auprès d'utilisateurs réels lors de leurs interactions avec votre site web. Nous vous recommandons d'utiliser des indicateurs concrets, tels que le Real User Monitoring (RUM), plutôt que des tests en laboratoire, afin d'optimiser votre site avec plus de précision. L'ensemble de données CRuX de Google peut être utilisé pour mesurer votre site web et constitue un excellent choix, car il s'agit de celui utilisé par Google pour mesurer les indicateurs clés de performance web.

Les paramètres CLS et LCP peuvent être mesurés en laboratoire ou sur le terrain. Le FID, quant à lui, ne peut être mesuré que sur le terrain, car une interaction réelle avec le contenu est nécessaire. Nous vous recommandons vivement de tester chaque page de votre site web.

Les outils suivants peuvent être utilisés pour mesurer les indicateurs Web essentiels :

Outils de terrain

Outils de laboratoire

Note :

L'outil de test de pages Web de Google n'est plus recommandé par le secteur.

Pour en savoir plus sur les différences entre Lighthouse et Core Web Vitals, consultez la comparaison entre Lighthouse et Core Web Vitals.

Scores idéaux

Pour qu'une page de votre site web soit considérée comme conforme, elle doit atteindre tous les indicateurs suivants au 75e percentile :

  • CLS. Score de décalage de mise en page de 0,1 ou moins
  • FID. 0,1 seconde ou moins
  • LCP. 2,5 secondes ou moins

Actuellement, seulement 20 % des sites web réussissent les trois tests. Pour savoir comment optimiser votre site web, consultez la section « Optimiser votre site pour les indicateurs clés de performance web ».

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 0 sur 0