Traduit de l'anglais à l'aide de l'IA
Veuillez noter que cet article a été traduit à l'aide de la technologie IA. Bien que nous travaillions à maintenir l'exactitude, certains détails peuvent ne pas refléter parfaitement le texte original. Si vous avez des doutes sur une information, veuillez vous référer à la version anglaise.
Fonctionnalités utilisées : Dashboards, Suivi des utilisateurs réels (Core Web Vitals) et test de vitesse synthétique et suivi.
Temps : 20 min.
Les Dashboards sont conçus pour répondre à différents besoins, facilitant ainsi la surveillance des erreurs et de la vitesse du site web, et permettant de comprendre rapidement comment ils affectent votre entreprise.
Vous pouvez ici apprendre en savoir plus sur les Dashboards et comment configurer vos premiers Dashboards.
Cas d'utilisation courants pour la surveillance des KPI
Vous trouverez ci-dessous quelques exemples de différents types de Dashboards, représentant des cas d'utilisation courants pour la surveillance des KPI.
Surveillance des erreurs
Créer un Dashboard pour la surveillance continue des erreurs du site web vous aide à repérer des modèles, à détecter des problèmes tôt et à prendre des décisions éclairées pour améliorer l'expérience utilisateur et minimiser les perturbations de vos opérations en ligne.
Configuration
1. Configurez vos segments d'erreurs en naviguant vers le module Segments.
Voici quelques exemples de segments d'erreurs simples utilisant la condition d'erreur que vous pourriez créer :
- Un segment d'utilisateurs qui ont visité n'importe quelle page et rencontré une erreur JS.
- Un segment d'utilisateurs qui ont visité une page spécifique (par ex. Panier) et rencontré une erreur JS spécifique.
2. Configurez les Dashboards réguliers. Cliquez sur 'Dashboards' dans le menu et choisissez l'option 'Dashboards réguliers'.
3. Commencez par des graphiques linéaires à l'échelle du site en regardant le Nombre de sessions et le Pourcentage de sessions avec une erreur. Vous pouvez créer un widget séparé pour les erreurs JS et les erreurs d'API.
4. Ensuite, créez des widgets au niveau de la page afin de pouvoir mesurer les erreurs et le Pourcentage de sessions avec erreur sur les pages clés de votre site.
5. Optionnel. Tracez et comparez la tendance pour différentes erreurs sur un graphique linéaire.
6. Optionnel. Ajoutez des widgets à valeur unique pour chaque segment d'erreur afin d'afficher le nombre total de sessions pendant votre période.
Exemple d'un Dashboard configuré pour surveiller les erreurs 404
Un graphique linéaire à l'échelle du site suivant le nombre de visites sur une page 404, avec des widgets à valeur unique au niveau de la page affichant le nombre de visites (Global, Desktop, Mobile), le taux de sortie (Global, Desktop, Mobile), le taux de rebond (Global, Desktop, Mobile), le nombre de visites provenant de diverses sources d'acquisition (Direct, E-mail, PPC, SEO), et le taux de conversion pour les visiteurs voyant ou ne voyant pas une page 404 (Mobile, Desktop).
4. Optionnel. Créez des alertes à partir du module Alerts ou en utilisant les raccourcis dans les Dashboards pour recevoir des e-mails lorsqu'il y a un comportement inhabituel.
Surveillance des Core Web Vitals
Configurer un Dashboard dédié pour surveiller en continu les KPI clés de performance web sur votre site peut vous aider à maintenir un site web cohérent et convivial en abordant les problèmes qui affectent la satisfaction des utilisateurs et le classement sur les moteurs de recherche.
Configurer
1. Commencez par créer votre Espace de travail en accédant au module Dashboards. Cliquez sur ‘+ Nouveaux Dashboards’ et sélectionnez 'Entièrement personnalisable'.
2. Dans les paramètres des Dashboards, choisissez “Intersecter”.
3. Commencez à configurer les widgets des web vitals en utilisant un widget ‘Vue de groupe de pages’ pour configurer un groupe de widgets pour chaque Web Vital. Dédiez chaque groupe de widgets à un Web Vital.
4. Utilisez le widget “Aperçu du groupe de pages”. Vous pouvez télécharger une image au lieu de choisir un groupe de pages.
5. Ajoutez un widget à valeur unique. Choisissez la métrique dans la liste, tous les appareils, tous les utilisateurs. Nous recommandons généralement de suivre le 75ème centile.
6. Ajoutez un widget “Graphique linéaire” avec le 75ème centile pour la même métrique, toutes les pages, tous les appareils.
7. Pour ajouter un nouveau Web Vital, il suffit de dupliquer le groupe. Vous pourrez alors modifier les widgets pour pointer vers une autre métrique.
8. Analysez les métriques suivantes, en vous concentrant principalement sur le 75ème centile :
- Cumulative Layout Shift (CLS)
- Largest Contentful Paint (LCP)
- First Input Delay (FID)
Exemple d'un Dashboards configuré pour surveiller les performances des core web vitals sur Mobile vs Desktop
Widget à valeur unique suivant la performance LCP (75ème centile), Graphique linéaire sur la performance LCP (75ème centile) dans le temps, Widget à valeur unique suivant la performance CLS (75ème centile), Graphique linéaire sur la performance CLS (75ème centile) dans le temps.
Web-performance de la page d'entrée (RUM)
Avoir des Dashboards dédiés peut vous aider à comprendre quelle expérience les utilisateurs ont en accédant à votre site web et sa corrélation avec les KPI de performance clés.
Configurer
1. Commencez par créer votre Espace de travail en accédant au module Dashboards. Cliquez sur ‘+ Nouveaux Dashboards’ et sélectionnez 'Entièrement personnalisable'.
2. Ouvrez les paramètres des Dashboards, cliquez sur 'Intersecter' et cliquez sur 'Appliquer'.
3. Commencez à configurer les widgets des web vitals en utilisant un widget ‘Vue de groupe de pages’ pour configurer un groupe de widgets pour chaque Web Vital.
4. Une fois que vous avez créé le groupe, vous pouvez ensuite ajouter les widgets pertinents en utilisant des widgets à valeur unique ou graphique linéaire.
5. Créez divers segments selon le KPI de web-performance que vous suivez et comparez-les sur :
- Nombre de visites
- Taux de rebond
- Taux de sortie
- Taux de conversion
- Taux d'attraction
Exemple d'un Dashboards configuré pour la web-performance de la page d'entrée
Widgets à valeur unique à l'échelle du site affichant le pourcentage de visites pour des segments avec différents niveaux de LCP sur la page d'entrée ('Bon', 'Optimisation nécessaire', 'Faible', 'Tous les visiteurs'), widgets à valeur unique à l'échelle du site montrant le taux de rebond pour des segments avec différents niveaux de LCP sur la page d'entrée ('Bon', 'Optimisation nécessaire', 'Faible'), graphiques linéaires comparant le pourcentage de sessions et les tendances du taux de rebond dans le temps pour les mêmes segments de LCP sur la page d'entrée ('Bon', 'Optimisation nécessaire', 'Faible')
En savoir plus sur la surveillance des web vitals avec les Dashboards
Évaluer votre web-performance (Synthétique)
En utilisant le Speed Analysis Lab, vous pouvez facilement comparer votre performance web à celle de sites similaires et identifier les zones où des améliorations peuvent être nécessaires.
Configurer
1. Sélectionnez Speed Analysis Lab dans le menu principal.
2. Une fois que vous avez exécuté plusieurs tests, allez à l''Onglet Rapports pour voir la liste complète des rapports.
3. Cochez la case des rapports que vous souhaitez comparer (vous pouvez cocher jusqu'à 12), cliquez sur 'Comparer' et examinez les éléments suivants :
- Récapitulatif de la performance entre les pages comparées pour identifier quelle page performe mieux.
- Graphiques à barres - temps. Regardez comment vos métriques de performance se comparent à celles de vos concurrents. Une métrique spécifique est-elle notablement différente ?
- Graphiques à barres - poids. Comparez les poids des images entre les deux pages. Un type d'image est-il significativement plus lourd que l'autre ?
- Comparaison vidéo. Regardez la comparaison vidéo pour évaluer visuellement les différences de performance des pages web sans avoir besoin d'analyser les métriques.
Exemple d'un rapport de comparaison pour deux versions d'un test A/B réalisé dans deux lieux
Le test réalisé sur le site du Royaume-Uni a un score d'analyse structurelle plus faible à 59 % par rapport à celui réalisé sur le site 'USA-East'. De plus, il a plus de problèmes signalés (17 contre 15) et d'améliorations (16 contre 14)
Comparer une page de votre site web avec celle de vos concurrents
Si vous souhaitez comparer la performance de l'une de vos pages clés avec celle de vos concurrents, comparez deux URL différentes pour générer un rapport de comparaison.
1. Pour ce faire, naviguez vers l'onglet Comparaison, dans le champ 'URL de la Page A', collez l'URL de la page de votre site web (par exemple, page d'accueil) et entrez votre deuxième URL (celle de la page d'accueil de vos concurrents) dans le champ 'URL de la Page B'.
5. Choisissez entre des tests mobile ou desktop et sélectionnez l'emplacement à partir duquel les deux tests doivent être exécutés. Cliquez sur 'Comparer' et regardez ce qui suit :
- Récapitulatif de la performance entre les pages comparées pour identifier quelle page performe mieux.
- Graphiques à barres - temps. Regardez comment vos métriques de performance se comparent à celles de vos concurrents. Une métrique spécifique est-elle notablement différente ?
- Graphiques à barres - poids. Comparez les poids des images entre les deux pages. Un type d'image est-il significativement plus lourd que l'autre ?
- Comparaison vidéo. Regardez la comparaison vidéo pour évaluer visuellement les différences de performance des pages web sans avoir besoin d'analyser les métriques.
En savoir plus sur le rapport d'analyse de vitesse et comment interpréter les différents KPI.
Allez plus loin
Explorez les cours suivants de l'Université CS pour en savoir plus sur Speed Analysis Lap ou Speed Analysis Real User Monitoring (RUM)