Google annonce l'initiative Web Vitals visant à fournir des conseils unifiés aux développeurs sur les performances des sites Web à l'aide de trois mesures principales.
De retour au Chrome Developer Summit l'année dernière, Google a annoncé de nouveaux outils de développement Chrome pour réduire le temps de chargement des pages et créer une expérience native de type application. À l’époque, la société avait également discuté d’une initiative visant à fournir aux développeurs un ensemble unifié de mesures permettant de mesurer lors de la création de sites Web en gardant à l’esprit l’expérience utilisateur et les performances. Faisant suite à l'idée initiale, Google a annoncé l'initiative Web Vitals qui vise à fournir "des conseils unifiés pour les signaux de qualité essentiels pour offrir une expérience utilisateur exceptionnelle sur le Web".
Au fil des années, Google a proposé plusieurs outils pour aider les développeurs de sites Web à mesurer et à rendre compte des performances des sites Web. Ceux-ci incluent des choses comme Lighthouse,
Les Core Web Vitals sont un sous-ensemble de tous les Web Vitals qui s'appliquent à toutes les pages Web, doivent être mesurés par tous les propriétaires de sites Web et seront affichés dans tous les outils Google. Actuellement, ces Core Web Vitals se concentrent sur trois aspects de l'expérience utilisateur — chargement, interactivité et stabilité visuelle — et incluent les métriques suivantes (et leurs seuils respectifs) :
- La plus grande peinture de contenu (LCP) : mesure les performances de chargement. Pour offrir une bonne expérience utilisateur, le LCP doit se produire dans les 2,5 secondes suivant le premier chargement de la page.
- Délai de première entrée (FID) : mesure l’interactivité. Pour offrir une bonne expérience utilisateur, les pages doivent avoir un FID inférieur à 100 millisecondes.
- Changement de mise en page cumulatif (CLS) : mesure la stabilité visuelle. Pour offrir une bonne expérience utilisateur, les pages doivent maintenir un CLS inférieur à 0,1
Pour aider les développeurs à mesurer et à rapporter ces Core Web Vitals, Google s'engage à faire apparaître ces métriques dans ses outils. Le tableau suivant détaille les outils prenant en charge les Core Web Vitals :
Les développeurs pourront également mesurer chaque Core Web Vital en JavaScript à l'aide d'API Web standard et créer des rapports sur chaque Core Web Vital sans écrire de code, en utilisant le Extension Chrome Web Vitals. L'extension utilise la bibliothèque web-vitals pour mesurer ces métriques et les afficher aux utilisateurs lorsqu'ils naviguent sur le Web. L'extension peut également être utile pour comprendre les performances de vos sites Web, de ceux de vos concurrents et du Web dans son ensemble. Alternativement, les développeurs qui préfèrent mesurer ces métriques à l’aide des API Web sous-jacentes peuvent se référer aux guides de métriques sur le site Web lié ci-dessous pour les détails de mise en œuvre.
Outre les Core Web Vitals, Google parle également d'autres Web Vitals qui serviront de proxy ou de mesures supplémentaires pour les Core Vitals. Il s'agit notamment de mesures telles que le temps jusqu'au premier octet (TTFB), le premier contenu de peinture (FCP), le temps de blocage total (TBT) et le temps à Interactive (TTI) qui peut aider les développeurs à capturer une plus grande partie de l'expérience ou à diagnostiquer des problèmes.
Il convient de noter que ces Web Vitals et Core Web Vitals évolueront au fil du temps et que les développeurs doivent s'attendre à de futures améliorations ou ajouts à la liste. Cependant, étant donné que les Core Web Vitals sont pertinents pour toutes les pages Web et présentés dans plusieurs outils Google, toute modification apportée à ces métriques ne modifiera pas leur définition et leurs seuils. Les développeurs seront également informés à l’avance de tout changement à venir et d’un modèle annuel prévisible. Étant donné que les autres Web Vitals sont spécifiques au contexte ou aux outils, leurs définitions et seuils peuvent changer plus fréquemment sans préavis. Toute modification apportée à tous les Web Vitals sera documentée dans ce document. journal des modifications public.
Source: web.dev