L'extension Signaux Web vous indique désormais où se situent vos expériences locales par rapport à l'expérience utilisateur réelle sur le terrain.
Les Core Web Vitals sont les métriques les plus importantes à mesurer pour comprendre l'expérience utilisateur. En effet, lorsque les utilisateurs bénéficient d'une bonne expérience, de bonnes choses se produisent. L'extension Web Vitals pour Chrome fait partie de la boîte à outils des signaux Web. Elle vous fournit des données de performances concernant les pages que vous consultez lorsque vous naviguez sur le Web.
Les performances des pages dépendent de nombreux facteurs, y compris du matériel et de la qualité du réseau. L'apparence d'une page sur votre machine peut être très différente de celle de la majorité des utilisateurs. C'est pourquoi la version 1.0 de l'extension Web Vitals inclut une nouvelle fonctionnalité qui intègre des données utilisateur réelles du rapport d'expérience utilisateur Chrome (CrUX) à vos mesures Core Web Vitals locales. Cette fonctionnalité affiche vos mesures locales dans le contexte de l'expérience d'autres utilisateurs sur les mêmes pages. Il est doté d'une nouvelle interface utilisateur étincelante que je vais vous montrer comment elle fonctionne.
Données réelles issues de CrUX
CrUX est un ensemble de données public recueillant des expériences utilisateur réelles dans Chrome. Il alimente certains des outils essentiels du workflow Core Web Vitals, tels que la Search Console et PageSpeed Insights. Les données brutes de millions de sites Web peuvent également être interrogées publiquement dans l'ensemble de données CrUX sur BigQuery et dans l'API CrUX. Cette mise à jour de l'extension Web Vitals intègre les données de bureau au niveau de la page et de l'origine provenant de l'API CrUX.
Les données sur l'expérience utilisateur sont divisées en trois notations qualitatives: bonnes, améliorations nécessaires et mauvaises. Les seuils utilisés pour chaque classification sont présentés dans les guides de chacune des métriques Core Web Vitals: LCP, FID et CLS. Ainsi, par exemple, l'API CrUX peut vous indiquer que 16% des expériences utilisateur réelles sur une page donnée sont évaluées comme ayant un LCP inférieur à 2,5 secondes.
Nouvelle interface utilisateur pour les extensions
![Capture d'écran de l'extension Web Vitals montrant une explication du lien entre l'expérience LCP locale et les données de terrain collectées sur ordinateur pour les utilisateurs réels.](https://web.dev/static/articles/field-data-in-the-web-vitals-extension/image/screenshot-the-web-vital-51820f8a5926b.png?authuser=5&hl=fr)
Dans la nouvelle interface d'extension Web Vitals, votre expérience locale s'ajoute à la répartition plus large des expériences utilisateur réelles. C'est comme si vous étiez dans un vaste endroit comme un centre commercial, et qu'il y avait une grande carte avec tous les magasins et un repère indiquant « VOUS ÊTES ICI » pour vous aider à vous orienter et à trouver où vous allez.
La distribution des données utilisateur réelles issues de l'expérience utilisateur Chrome est répartie sur une barre horizontale pour chaque métrique. Vos expériences locales s'affichent sous la forme de points uniques sur ces barres horizontales. La position de votre expérience locale sur la barre horizontale indique sa position par rapport à la répartition des utilisateurs réels. Cela devrait vous permettre de constater immédiatement que votre expérience locale est très différente de celle des autres utilisateurs. Par exemple, si votre expérience LCP est lente et que seulement 1% des utilisateurs ont une expérience similaire, un événement inhabituel a dû se produire.
Retour aux données au niveau de l'origine
![Capture d'écran de l'extension Web Vitals affichant des données réelles sur ordinateur au niveau de l'origine avec](https://web.dev/static/articles/field-data-in-the-web-vitals-extension/image/screenshot-the-web-vital-0b4109da12477.png?authuser=5&hl=fr)
Certaines pages ne contiennent pas de données au niveau de l'URL dans l'ensemble de données CrUX. Cela peut se produire parce que la page est si récente qu'elle n'a pas encore été sélectionnée ou que son trafic est insuffisant pour être incluse dans l'ensemble de données. Dans de tels cas, l'extension Web Vitals revient, dans la mesure du possible, à des données plus précises au niveau de l'origine. Ces données représentent l'expérience utilisateur globale sur toutes les pages du site Web. Par conséquent, même si elles ne sont pas immédiatement pertinentes pour votre expérience sur la page, elles doivent tout de même vous donner un aperçu de l'expérience des utilisateurs sur le site dans son ensemble.
Autre cas courant : le message "En attente d'une entrée..." s'affiche. En effet, le FID est le seul Core Web Vital qui nécessite de mesurer les interactions des utilisateurs. L'extension n'affiche donc aucune donnée FID locale tant que vous n'interagissez pas avec la page.
Cas extrêmes
![Capture d'écran de l'extension Web Vitals affichant uniquement des données locales. Les données réelles ne sont pas disponibles.](https://web.dev/static/articles/field-data-in-the-web-vitals-extension/image/screenshot-the-web-vital-5f733479effd8.png?authuser=5&hl=fr)
Il existe des cas particuliers moins courants que vous pouvez rencontrer lorsque vous utilisez l'extension.
Il peut arriver que des origines entières disposent de données insuffisantes. Dans ce cas, l'extension vous montrera les performances de vos expériences locales.
La manière dont vous interagissez avec la page peut également avoir une incidence sur la pertinence des données. Par exemple, le chargement de la page dans un onglet en arrière-plan est comptabilisé dans la métrique LCP pendant toute la durée jusqu'à ce que la page passe au premier plan. S'il vous faut 90 secondes pour basculer vers l'onglet, le LCP peut être de 91,5 secondes. Dans ce cas, une petite icône d'avertissement s'affiche à côté de votre valeur LCP pour vous avertir de l'inflation artificielle. Notez que ces types de valeurs LCP non pertinentes sont ignorés dans l'ensemble de données CrUX.
Un dernier cas spécial à connaître est spécifique au FID. Étant donné que cela dépend des interactions des utilisateurs, il est moins probable qu'elles soient disponibles dans l'ensemble de données pour les pages et les sites Web ayant moins de pages vues. Ainsi, si vous consultez une page comme celle-ci, vous ne verrez peut-être que des données de champ pour le LCP et le CLS. Par souci d'exhaustivité, il convient de noter que cela peut se produire dans des situations extrêmement rares pour le LCP ou le CLS, mais que ce problème est principalement affecté par le FID.
Comparer des données réelles issues de téléphones
![Capture d'écran de l'extension Web Vitals affichant des métriques locales par rapport aux données réelles du téléphone.](https://web.dev/static/articles/field-data-in-the-web-vitals-extension/image/screenshot-the-web-vital-76cccedb1613d.png?authuser=5&hl=fr)
Par défaut, toutes les données de l'extension Web Vitals correspondent aux expériences réelles sur le terrain des utilisateurs d'ordinateurs. Après tout, cette extension n'est disponible que sur les versions pour ordinateur de Chrome. Il est donc plus pertinent de voir comment des utilisateurs se trouvant dans des conditions similaires utilisent la page ou l'origine.
Il est également important de comprendre l'expérience des utilisateurs de téléphones. L'extension dispose donc d'un paramètre avancé sur la page "Options" qui vous permet de comparer votre expérience locale aux données du téléphone du champ.
Pour activer les données téléphoniques dans l'extension, procédez comme suit:
- Effectuez un clic droit sur l'icône de l'extension dans la barre d'outils, puis sélectionnez Options.
- Cochez l'option Comparez les expériences locales aux données saisies par le téléphone.
L'UI s'actualisera en plusieurs endroits pour indiquer le mode dans lequel vous vous trouvez. Sachez que l'expérience utilisateur réelle peut être très différente de celle des utilisateurs d'ordinateur. Nous vous recommandons donc d'utiliser cette fonctionnalité avec discernement.
Télécharger l'extension Signaux Web
Pour commencer à utiliser la dernière version de l'extension Signaux Web, rendez-vous sur le Chrome Web Store pour l'installer. Si vous utilisez déjà l'extension, vous devriez passer automatiquement à la version 1.0. Si vous avez des commentaires sur votre expérience avec l'extension (demandes de fonctionnalités, rapports de bugs, etc.), n'hésitez pas à nous les faire savoir dans le dépôt Open Source sur GitHub. J'espère que cela vous aidera à mieux comprendre où se situent vos expériences locales par rapport à d'autres utilisateurs réels sur le terrain.
Crédit image: Mark Garlick/Science Photo Library/Getty Images