Combinez les outils Google pour auditer, améliorer et surveiller efficacement votre site Web.
Publié le 28 mai 2020
Les Core Web Vitals sont un ensemble de métriques qui évaluent l'expérience utilisateur selon des critères tels que les performances de chargement, la réactivité aux saisies utilisateur et la stabilité de la mise en page.
Ce guide vous présentera un workflow pour améliorer les métriques Core Web Vitals de votre site Web. Toutefois, le point de départ de ce workflow dépend de si vous collectez vos propres données de terrain. La fin de ce parcours dépendra des outils Google qui vous seront utiles pour diagnostiquer et résoudre les problèmes d'expérience utilisateur.
Il est préférable de mesurer les métriques Core Web Vitals dans le champ
Les Core Web Vitals sont spécifiquement conçus pour mesurer l'expérience des utilisateurs sur votre site Web. Il s'agit de métriques axées sur les utilisateurs. Les outils basés sur des tests en laboratoire, comme Lighthouse, sont des outils de diagnostic qui mettent en évidence les problèmes de performances potentiels et les bonnes pratiques. Les outils basés sur des tests en laboratoire sont exécutés dans des conditions prédéfinies. Ils ne reflètent pas forcément les mesures réelles des signaux Web essentiels que vos utilisateurs rencontrent.
LesPar exemple, Lighthouse est un outil basé sur un laboratoire qui exécute des tests avec une limitation simulée dans un environnement de bureau ou mobile simulé. Bien que ces simulations de conditions de réseau et d'appareil plus lentes soient utiles pour diagnostiquer les problèmes de performances, elles ne représentent qu'une petite partie de la grande variété de conditions de réseau et de capacités d'appareil. Elles ne reflètent donc pas forcément l'expérience des utilisateurs sur vos sites.
Les outils basés sur des tests en laboratoire, comme Lighthouse, effectuent généralement un "chargement à froid" d'une page Web en tant que visiteur totalement nouveau. Il s'agit souvent du chargement le plus lent, mais dans la réalité, les visiteurs peuvent avoir certains éléments mis en cache s'ils ont déjà visité le site ou lorsqu'ils le parcourent. Les nouveaux visiteurs et les outils peuvent également avoir une expérience différente du site en raison des bannières de cookies ou d'autres contenus qui leur sont présentés.
En résumé, bien que les outils basés sur des tests en laboratoire puissent donner une indication des problèmes de performances potentiels et vous aider à déboguer et à itérer, ils ne représentent pas nécessairement le nombre de visiteurs qui rencontrent réellement des problèmes sur votre site Web. Utilisez les données de terrain pour mesurer les performances réelles et les outils en laboratoire comme Lighthouse pour diagnostiquer comment les améliorer. Consultez également la section Quand utiliser Lighthouse ?
Google mesure les statistiques Web essentielles à l'aide du rapport d'expérience utilisateur Chrome (CrUX). Il s'agit d'un ensemble de données publiques collectées auprès de vrais utilisateurs de Chrome. Il constitue la base de nombreux outils Google et tiers qui indiquent les métriques Core Web Vitals d'un site.
Toutefois, CrUX présente des limites. Il peut souvent vous indiquer quand un problème survient, mais il ne dispose souvent pas de suffisamment de données pour vous dire pourquoi.
Collecter vos propres données de terrain, si possible
Le meilleur ensemble de données pour améliorer les performances de votre site Web sur le terrain est celui que vous créez. Pour commencer, vous devez collecter des données de champ auprès des visiteurs de votre site Web. La procédure à suivre dépend de la taille de votre organisation et du fait que vous souhaitiez payer pour une solution tierce ou créer la vôtre.
Les solutions payantes mesureront presque certainement les Core Web Vitals (et d'autres métriques de performances) et fourniront généralement divers outils pour analyser les données obtenues. Dans les grandes organisations disposant de ressources importantes, il s'agit peut-être de la méthode à privilégier.
Toutefois, vous n'appartenez peut-être pas à une grande organisation, ni même à une organisation qui a les moyens de s'offrir une solution tierce. Dans ce cas, la bibliothèque web-vitals de Google vous aidera à collecter toutes les données Vitals Web. Toutefois, vous serez responsable de la manière dont ces données sont signalées, stockées et analysées.
Si vous utilisez déjà Google Analytics, mais que vous n'avez pas commencé à collecter vos propres données de champ, vous pouvez utiliser la bibliothèque web-vitals pour envoyer les signaux Web collectés sur le terrain à Google Analytics et utiliser les exportations BigQuery de GA4 pour générer des rapports sur les données.
Comprendre les outils Google
Que vous collectiez ou non vos propres données de champ, plusieurs outils Google peuvent vous être utiles pour analyser les Core Web Vitals. Avant d'établir un workflow, un aperçu général de chaque outil peut vous aider à comprendre quels outils peuvent être les plus adaptés à vos besoins.
Rapport sur l'expérience utilisateur Chrome (CrUX)
Comme mentionné précédemment, CrUX est un ensemble de données publiques collectées sur le terrain auprès d'un segment d'utilisateurs Google Chrome réels sur des millions de sites Web. Il inclut les métriques Core Web Vitals et d'autres métriques pour les sites Web dont le trafic est suffisant.
CrUX est disponible sous la forme d'un ensemble de données BigQuery mensuel au niveau de l'origine ou d'une API quotidienne au niveau de l'URL ou de l'origine, à condition qu'une URL ou une origine comporte suffisamment d'échantillons dans l'ensemble de données CrUX. Les données CrUX sont disponibles dans différents outils CrUX, à la fois pour l'accès par programme et pour les outils visuels destinés aux utilisateurs.
Quand utiliser CrUX ?
Même si vous collectez vos propres données de terrain, CrUX reste utile. Bien que CrUX représente un sous-ensemble d'utilisateurs Chrome, il est utile de comparer les données réelles de votre site Web pour voir comment elles s'alignent sur ses données CrUX. Chacune présente des avantages et des inconvénients, ce qui peut entraîner des différences. Si vous ne collectez aucune donnée de champ pour votre site Web, CrUX est particulièrement utile pour obtenir une vue d'ensemble, à condition que votre site Web soit représenté dans son ensemble de données.
Vous pouvez utiliser CrUX directement ou à l'aide d'un autre outil (y compris ceux mentionnés ci-dessous). L'utilisation directe de l'ensemble de données CrUX, que ce soit avec BigQuery ou l'API, est utile pour exposer des données qui ne sont pas affichées dans d'autres outils. Par exemple, les données au niveau des pays ne sont souvent pas disponibles dans d'autres outils. Elle permet également d'afficher les métriques supplémentaires de CrUX, qui ne sont souvent pas non plus disponibles dans d'autres outils.
Quand ne pas utiliser CrUX
CrUX ne représente que les utilisateurs de Chrome, et même dans ce cas, seule une partie des utilisateurs de Chrome. Une solution RUM complète peut inclure davantage d'expériences dans Chrome et d'autres navigateurs où les métriques Web Vitals sont prises en charge.
Les sites Web qui ne reçoivent pas suffisamment de trafic ne sont pas représentés dans l'ensemble de données CrUX. Si c'est votre cas, vous devrez collecter vos propres données de terrain pour comprendre les performances de votre site Web sur le terrain, car CrUX ne sera pas une option. Sinon, vous devrez vous appuyer sur les données de laboratoire, mais avec les limites qu'elles peuvent ne pas être représentatives, comme décrit précédemment.
Étant donné que les données fournies par CrUX sont une moyenne mobile des 28 derniers jours, cet outil n'est pas idéal pendant le développement, car il faut un certain temps pour que les améliorations se reflètent dans l'ensemble de données CrUX.