Site Web avancé : Introduction aux éléments essentiels du Web

Les Web Vitals de Google sont des indicateurs d'expérience qui mesurent les performances d'un site et la qualité de l'expérience utilisateur. En juin 2021, Google prévoit de publier une amélioration de ses indicateurs d'expérience utilisateur, les Core Web Vitals, qui se concentrent 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 mesures et de critères de référence utilisés par de nombreux services Google et 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 mesure la stabilité visuelle du contenu d'une page en calculant la somme de tous les scores de décalage de mise en page pour chaque décalage inattendu survenant pendant toute la durée de vie de la page. Un décalage de mise en page se produit lorsqu'un élément change de position initiale suite au chargement de ressources plus tard dans le cycle de vie d'une page, déplaçant le contenu situé en dessous vers le bas de la page. Par exemple, un utilisateur effectue des achats en ligne et, juste au moment où il essaie de cliquer sur le bouton « Ajouter au panier », une publicité s'affiche au-dessus du bouton et le déplace vers le bas. Ce décalage de mise en page amène l'utilisateur à cliquer accidentellement sur la publicité au lieu du bouton « Ajouter au panier ». Un CLS faible peut garantir à vos utilisateurs une expérience positive sur votre site et leur permettre d'accomplir rapidement leur mission.

FID

Le FID mesure le délai d'interactivité et de réactivité. Il s'agit du temps écoulé entre le moment où l'utilisateur interagit avec votre contenu (en cliquant sur un lien, en appuyant sur un bouton ou en appuyant sur une touche) et le moment où le navigateur traite cette interaction. Le FID ne prend en compte que le délai, et non le temps de traitement de l'événement ni le temps de mise à jour de l'interface utilisateur. Un délai survient généralement lorsque 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 augmenter les chances que l'utilisateur reste sur la page et interagisse avec votre contenu. Actuellement, la plupart des sites Internet obtiennent de bons résultats en matière de mesure du FID.

Note :

Le zoom et le défilement ne sont pas mesurés pour le FID.

LCP

Le LCP mesure le temps de chargement du plus grand élément visible de la page par rapport au moment où la page a commencé à se charger. Le LCP peut varier au fur et à mesure du chargement des différents éléments. Le navigateur cesse de mesurer le LCP lorsque l'utilisateur commence à interagir avec la page, car les interactions modifient généralement ce qui est visible pour l'utilisateur. Un temps de chargement rapide peut rassurer l'utilisateur quant à l'utilité de la page, car il peut accéder rapidement au contenu.

Éléments qui peuvent être le LCP :

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

Note :

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

INP

L'INP désigne la façon dont la page réagit à des interactions utilisateur spécifiques, programmées dans la mesure globale INP mesurée par les données de laboratoire et de terrain de Google Chrome. L'INP est conçu pour représenter le délai d'interaction global d'une page. Pour ce faire, il utilise un échantillon des interactions les plus longues qui se produisent lorsqu'un utilisateur visite la page. Par exemple, si une page compte moins de 50 interactions au total, l'INP prend en compte l'interaction présentant le délai le plus long. La mesure de l'INP représente le temps d'attente d'un utilisateur pour interagir avec l'ensemble de la page. Il s'oppose directement au FID (First Input Delay).

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 comprenant un écran tactile.
  • La pression d’une touche sur un clavier physique ou à l’écran.

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

Notes :

  • L'INP remplacera le FID en mars 2024. Le score INP n'aura pas d'impact sur les CWV avant mars 2024. Cependant, en prévision de cette transition, Google a commencé à informer les propriétaires de sites lorsque des problèmes INP sont détectés.
  • Avant l’annonce de Google, Sites Internet Guesty avait déjà commencé à se pencher sur cette mesure. De nombreux sites obtiennent ainsi de bons scores INP, même si nous continuons à l'optimiser.
  • Nous continuons d'étudier l'INP et d'identifier les pratiques optimales pour les opérations back-end et les créateurs de sites. Nous vous tiendrons informés des meilleures pratiques à mettre en place au fur et à mesure de nos recherches. En attendant, si vous recevez un avis de Google signalant des problèmes d'INP sur votre site, veuillez vous assurer que votre site respecte les meilleures pratiques actuelles (pour plus d'informations sur les meilleures pratiques, consultez la page). Optimisez votre site pour les éléments essentiels du Web .
  • Rassurez-vous, Guesty travaille activement à l'optimisation de ce score et nous sommes convaincus que nous serons prêts pour le lancement officiel en mars 2024. Si vous avez des inquiétudes concernant votre score INP avant cette date, nous vous recommandons de consulter un expert en référencement naturel pour obtenir de l'aide.

TTFB

Le TTFB mesure la durée nécessaire au transfert du premier octet par le serveur.

Le TTFB est depuis longtemps soupçonné d'être un moteur de gains de performances significatifs, ce qui signifie qu'il s'agit d'une priorité que les professionnels du référencement naturel devraient optimiser dans le cadre de leur processus de référencement naturel.

Comment mesurer les Core Web Vitals

Pour mesurer les Core Web Vitals, vous pouvez utiliser des données de laboratoire ou de terrain. Les données de laboratoire sont collectées à partir d'outils simulant le chargement et l'interaction d'une page. Les données de terrain sont issues de l'interaction réelle d'un utilisateur avec votre site web. Nous vous recommandons d'utiliser des indicateurs concrets tels que Real User Monitoring (RUM) plutôt que des tests de 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 c'est lui que Google utilise pour mesurer les Core Web Vitals.

Les CLS et LCP peuvent être mesurés en laboratoire ou sur le terrain. Le FID ne peut être mesuré que sur le terrain, car un utilisateur réel doit interagir avec le contenu. Nous vous recommandons vivement de tester chaque page de votre site web.

Les outils suivants peuvent être utilisés pour mesurer les Core Web Vitals :

Outils de terrain

Outils de laboratoire

Note :

L'outil WebPage Test de Google n'est plus un outil recommandé par le secteur.

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

Scores idéaux

Pour qu'une page de votre site web soit considérée comme réussie, elle doit atteindre toutes les mesures suivantes au 75e percentile :

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

Actuellement, seuls 20 % des sites Internet respectent les trois critères. Pour savoir comment optimiser votre site web, consultez l'article « Optimiser votre site pour les indicateurs Web essentiels » .

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