L'extension Web Vitals vous indique désormais où se situent vos expériences locales par rapport aux expériences réelles des utilisateurs sur le terrain.
Publié le 2 juillet 2021
Les Core Web Vitals sont les métriques les plus importantes à mesurer pour comprendre l'expérience de vos utilisateurs. En effet, lorsque les utilisateurs ont une bonne expérience, de bonnes choses se produisent. L'extension Web Vitals pour Chrome est un outil de la boîte à outils Web Vitals qui affiche des données de performances sur les pages que vous consultez lorsque vous naviguez sur le Web.
Les performances des pages dépendent de nombreux facteurs, y compris de la qualité du matériel et du réseau. L'expérience que vous avez d'une page sur votre ordinateur 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 les données utilisateur réelles du rapport d'expérience utilisateur Chrome (CrUX) aux mesures Core Web Vitals locales. Cette fonctionnalité affiche vos mesures locales dans le contexte de l'expérience d'autres utilisateurs avec les mêmes pages. Elle est dotée d'une nouvelle interface utilisateur étincelante, et je suis ravi de vous montrer comment elle fonctionne.
Données réelles de CrUX
Le rapport CrUX est un ensemble de données public sur l'expérience utilisateur réelle dans Chrome. Il alimente certains des outils essentiels du workflow Core Web Vitals, comme la Search Console et PageSpeed Insights. Les données brutes de millions de sites Web sont également disponibles en interrogeant publiquement l'ensemble de données CRUX dans BigQuery et 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 de l'API CrUX.
Les données sur l'expérience utilisateur sont réparties en trois catégories qualitatives : "Bon", "À améliorer" et "Médiocre". Les seuils utilisés pour chaque note sont documentés dans les guides de chacune des métriques Core Web Vitals: LCP, FID et CLS. 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 des extensions
Dans la nouvelle interface de l'extension Web Vitals, votre expérience locale est superposée à la distribution plus large des expériences d'utilisateurs réels. C'est comme lorsque vous vous trouvez dans un grand espace comme un centre commercial et qu'une grande carte avec tous les magasins et une épingle indiquant "VOUS ÊTES ICI" vous aide à vous orienter et à trouver votre destination.
Les distributions des données des utilisateurs réels de CrUX sont présentées dans une barre horizontale pour chaque métrique. Vos expériences locales s'affichent sous forme de points sur ces barres horizontales. La position de votre expérience locale sur la barre horizontale indique où elle se situe par rapport aux distributions des utilisateurs réels. Cela devrait vous permettre de voir immédiatement si votre expérience locale est très différente de celle des autres utilisateurs. Par exemple, si votre LCP est lent et que seul 1% des utilisateurs ont une expérience similaire, un événement inhabituel doit s'être produit.
Revenir aux données au niveau de l'origine
Certaines pages ne comportent pas de données au niveau de l'URL dans l'ensemble de données CrUX. Cela peut se produire si la page est si récente qu'elle n'a pas encore été détectée ou si elle ne génère pas suffisamment de trafic pour être incluse dans l'ensemble de données. Dans de tels cas, l'extension Web Vitals utilise des données plus précises au niveau de l'origine dans la mesure du possible. Ces données représentent l'expérience utilisateur globale sur toutes les pages du site Web. Bien qu'elles ne soient pas immédiatement pertinentes pour votre expérience sur une page spécifique, elles devraient tout de même vous donner un aperçu de l'expérience utilisateur sur le site dans son ensemble.
Un autre cas courant est l'affichage du message "En attente d'une entrée…". En effet, le FID est le seul Core Web Vital qui nécessite de mesurer l'interaction de l'utilisateur. L'extension n'affiche donc aucune donnée FID locale tant que vous n'avez pas interagi avec la page.
Cas extrêmes
Vous pouvez rencontrer des cas moins courants lorsque vous utilisez l'extension.
Il peut arriver que des origines entières ne disposent pas de données suffisantes. Elle vous montrera alors les performances de vos expériences locales.
La façon 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 sera comptabilisé dans la métrique LCP jusqu'à ce que vous la mettez au premier plan. Si vous mettez 90 secondes à accéder à l'onglet, la valeur du 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 particulier à prendre en compte est spécifique au FID. Comme il dépend des interactions des utilisateurs, il est moins susceptible d'être disponible dans l'ensemble de données pour les pages et les sites Web qui enregistrent moins de pages vues. Ainsi, si vous consultez une page de ce type, vous ne verrez peut-être que des données de champ pour le LCP et le CLS. Il convient de noter que, pour des raisons d'exhaustivité, la même chose peut se produire pour le LCP ou le CLS dans des situations extrêmement rares, mais ce problème est principalement affecté par le FID.
Comparer les données de terrain provenant de téléphones
Par défaut, toutes les données de l'extension Web Vitals correspondent aux expériences réelles des utilisateurs de bureau. Après tout, cette extension n'est disponible que sur les versions pour ordinateur de Chrome. Il serait donc plus utile de voir comment les utilisateurs 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 téléphoniques sur le terrain.
Pour activer les données mobiles 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 Comparer les expériences locales aux données des champs téléphoniques.
L'UI sera mise à jour à plusieurs endroits pour indiquer le mode utilisé. Sachez que l'expérience des utilisateurs réels sur téléphone peut être très différente de celle des utilisateurs sur ordinateur. Utilisez donc cette fonctionnalité avec discernement.
Obtenir l'extension Web Vitals
Pour commencer à utiliser la dernière version de l'extension Web Vitals, accédez au 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, signalements de bugs, etc.), n'hésitez pas à nous en faire part 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 à celles d'autres utilisateurs réels du terrain.
Crédit photo: Mark Garlick/Science Photo Library/Getty Images