Modules utilisés : Workspace, Real User Monitoring (Core Web Vitals) et monitoring synthétique et de test de vitesse.
Durée : 20 min.
Les workspaces sont conçus pour répondre à différents besoins et facilite le monitoring des erreurs et de la vitesse d'un site web ainsi que la compréhension rapide de la manière dont ces derniers affectent votre entreprise.
Ici, vous pouvez en apprendre plus sur Workspace et sur la manière de configurer votre premier workspace.
Principaux cas d'usage du suivi de KPI
Ci-dessous, vous découvrirez quelques exemples de différents types de workspaces, représentant quelques cas d'usage principaux pour le suivi des KPI.
Suivi des erreurs
Créer un workspace pour le suivi continu des erreurs de site vous aide à identifier les schémas, à détecter les problèmes rapidement et à prendre des décisions informées pour améliorer l'expérience utilisateur et minimiser les perturbations de vos opérations en ligne.
Configuration
1. Configurez vos segments d'erreur en naviguant vers le module Segments.
Voici quelques exemples de simples segments d'erreur que vous pouvez configurer à l'aide de la condition d'erreur :
- un segment d'utilisateurs ayant consulté une page et rencontré une erreur JS
- un segment d'utilisateurs ayant consulté une page spécifique (la page panier par exemple) et rencontré une erreur JS particulière
2. Configurez un workspace commun. Rendez-vous dans l'onglet "Performance" du menu de navigation principal de Contentsquare, sélectionnez le module "Workspace" et choisissez l'option "Workspace commun".
3. Commencez par ajouter des graphiques linéaires concernant le site dans son ensemble et représentant le nombre et le pourcentage de sessions avec des erreurs. Vous pouvez aussi créer deux widgets différents et visualiser les erreurs JS et les erreurs d'API séparément.
4. Ensuite, créez des widgets de niveau page pour mesurer le nombre et le pourcentage de sessions avec erreurs sur les pages clés de votre site.
5. Facultatif. Tracez et comparez les tendances de différentes erreurs dans un graphique linéaire.
6. Facultatif. Ajoutez des widgets à valeur unique pour chaque segment d'erreur pour voir le nombre total de sessions touchées au cours de votre période d'analyse.
Exemple de workspace configuré pour le suivi des erreurs 404 :
Un graphique linéaire monitorant sur le nombre de visites avec une page 404 sur l'ensemble du site, accompagné de widgets à valeur unique de niveau page affichant le nombre de sessions (globale, sur desktop et sur mobile), le taux de sorties (global, sur desktop et sur mobile), le taux de rebonds (global, sur desktop et sur mobile), le nombre de sessions provenant de différentes sources d'acquisition (directe, e-mail, PPC, SEO) et le taux de conversion des utilisateurs ayant et n'ayant pas vu une page 404 (sur mobile et sur desktop).
4. Facultatif. Créez des alertes depuis le module Alertes ou en vous servant des shortcuts du workspace pour recevoir des e-mails en cas de comportement inhabituel.
Suivi des Core Web Vitals
Configurer un workspace dédié au suivi continu des KPI clés des performances web sur le site peut vous aider à maintenir un site web cohérent et facile d'utilisation en traitant les problèmes qui affectent la satisfaction utilisateur et le classement dans les moteurs de recherche.
Configuration
1. Pour créer un workspace, commencez par vous rendre dans le module Workspace. Cliquez sur "+ Nouveau workspace" et sélectionnez "Entièrement personnalisable".
2. Dans les paramètres du workspace, choisissez l'option “Croiser”.
3. Commencez à configurer vos widgets des Web Vitals à l'aide de widget de "Vue de groupe de pages" pour définir un groupe de widgets pour chaque Web Vital. Dédiez chaque groupe de widgets à une Web Vital.
4. Utilisez le widget "Aperçu de groupe de page". Grâce à lui, vous pourrez télécharger une image au lien de choisir un groupe de pages.
5. Ajoutez un widget à valeur unique. Choisissez la métrique dans la liste, tous les devices et tous les utilisateurs. Nous recommandons généralement de monitorer le 75ᵉ percentile.
6. Ajoutez un widget à graphique linéaire au 75ᵉ percentile pour la même métrique, toutes les pages et tous les devices.
7. Pour ajouter une nouvelle Web Vital, dupliquez simplement le groupe et modifiez-en les widgets pour qu'ils se concentrent sur une autre métrique.
8. Analysez les métriques suivantes, en vous concentrant principalement sur le 75ᵉ percentile :
- Cumulative Layout Shift (CLS)
- Largest Contentful Paint (LCP)
- First Input Delay (FID)
Exemple de workspace configuré pour monitorer les performances des Core Web Vitals sur mobile vs sur desktop :
Widget à valeur unique monitorant la performance du LCP (75ᵉ percentile), graphique en courbes sur l'évolution de la performance du LCP (75ᵉ percentile) dans le temps, widget à valeur unique suivant la performance de la métrique du CLS (75ᵉ percentile), graphique linéaire sur l'évolution de la performance du CLS (75ᵉ percentile) dans le temps.
Performance web des pages d'entrée (RUM)
Un workspace dédié aux performances web de pages données peut vous aider à comprendre l'expérience qu'ont vos utilisateurs lorsqu'ils entrent sur votre site et sa corrélation avec les KPI de performances clés.
Configuration
1. Commencez par vous rendre dans le module Worskpace, puis cliquez sur "+ Nouveau workspace" pour créer votre workspace et sélectionnez l'option "Entièrement personnalisable".
2. Ouvrez les paramètres du workspace, sélectionnez "Croiser" et cliquez sur "Appliquer".
3. Commencez à configurer vos widgets portant sur les Web Vitals à l'aide du widget de vue de groupe de pages pour définir un groupe de widgets pour chaque Web Vital.
4. Une fois le groupe créé, vous pouvez ajouter les widgets qui vous intéressent sous forme de widgets à valeur unique ou en courbes.
5. Créez plusieurs segments en fonction des KPI de performances web que vous suivez et comparez-les sur les métriques suivantes :
- Nombre de sessions
- Taux de rebonds
- Taux de sorties
- Taux de conversion
- Taux d'attractivité
Exemple de workspace configuré pour les performances web des pages d'entrée
Widgets à valeur unique de l'ensemble du site affichant le pourcentage de sessions des segments avec différents niveaux de LCP sur la page d'entrée ("Bon", "À améliorer", "Faible" et "Tous les utilisateurs"), widgets à valeur unique de l'ensemble du site affichant le taux de rebonds des segments avec différents niveaux de LCP sur la page d'entrée ("Bon", "À améliorer" et "Faible"), graphiques en lignes comparant le pourcentage de session et les tendances de taux de rebonds dans le temps pour les mêmes segments de LCP sur les pages d'entrée ("Bon", "À améliorer" et "Faible")
Apprenez-en davantage sur le monitoring des Web Vitals dans Workspace avec cet article.
Benchmarker vos performances web (Synthetic)
Utiliser Speed Analysis Lab vous permettra de facilement comparer les performances de votre site web avec celles de sites similaires et d'identifier les aspects qui nécessitent d'être améliorées.
Configuration
1. Sélectionnez Speed Analysis Lab dans la section "Analyser" du menu principal de la plateforme pour vous rendre dans le module.
2. Une fois que vous aurez réaliser plusieurs tests, rendez-vous dans l'onglet "Rapports" pour voir la liste complète des rapports.
3. Cochez la case des rapports que vous souhaitez comparer (vous pouvez en sélectionner jusqu'à 12), puis cliquez sur "Comparer" et analysez les points suivants :
- Résumé des performances entre les pages comparées pour identifier les pages qui performent le mieux.
- Graphiques en barres - timings : Regardez comment vos métriques de performance se positionnent par rapport aux métriques de vos concurrents. Une métrique particulière se distingue-t-elle ?
- Graphiques en barres - poids : Comparez le poids des images entre deux pages. Y a-t-il un type d'image qui est significativement plus lourd que l'autre ?
- Comparaison vidéo : Lancez la vidéo de comparaison pour visuellement évaluer les différences de performances des pages web sans avoir à analyser les métriques en détail.
Exemple de rapport de comparaison entre deux versions d'un test A/B conduits entre deux localisations :
Le test réalisé sur le site côté UK affiche un score d'analyse structurel assez faible de 59%, comparé au site des USA de l'Est. De plus, le site UK présente davantage de problèmes à résoudre (17 vs. 15) et de points à améliorer (16 vs. 14).
Comparer une page de votre site avec vos concurrents
Si vous souhaitez comparer la performance de l'une de vos pages clés avec celles de vos concurrents, comparez deux URL différentes pour générer un rapport de comparaison.
1. Pour cela, naviguez jusqu'à l'onglet "Comparaison". Dans le champ "URL de la page A", collez l'URL de la page de votre site (celle de la page d'accueil par exemple) et saisissez la deuxième URL (celle de la page d'accueil de votre compétiteur) dans le champ "URL de la page B".
2. Choisissez entre un test sur mobile ou sur desktop et sélectionnez la localisation depuis laquelle effectuer les deux tests. Cliquez sur "Comparer" et regardez les points suivants :
- Résumé des performances entre les pages comparées pour identifier laquelle performe le mieux.
- Graphique en barres - timings : Regardez comment vos métriques de performance se positionnent par rapport à celles de vos concurrents. Une métrique particulière se distingue-t-elle ?
- Graphique en barres - poids : Comparez le poids des images entre deux pages. Y a-t-il un type d'image qui est significativement plus lourd que l'autre ?
- Comparaison vidéo : Lancez la vidéo de comparaison pour visuellement évaluer les différences de performances des pages web sans avoir à analyser les métriques en détail.
Aller plus loin
Explorez les cours de CS University et découvrez Speed Analysis Lap (anglais ou français) et le RUM (Real User Moniroting) de Speed Analysis (en anglais) plus en détail.