Modules utilisés : Workspace, Real User Monitoring (Core Web Vitals) et monitoring synthétique et test de la vitesse
Durée : 20 min.
Principaux cas d'usage pour l'analyse des performances web
Améliorer l'expérience d'entrée
L'optimisation des performances web de vos pages d'entrée est essentielle pour une expérience utilisateur positive, des taux de conversion plus élevés et un meilleur SEO. Les pages qui chargent rapidement ont tendance à connaître des taux de rebonds moins élevés, à améliorer la réputation de la marque et assurent la rentabilité.
Configuration
1. Définissez vos "pages d'entrée" :
- Créez une cartographie générale qui inclut vos principales pages d'entrée (par exemple : la page de catégorie, la page d'accueil, les pages produits). Si vous analysez une page d'entrée pendant une campagne spécifique, assurez-vous de séparer aussi ces pages d'entrée (par exemple : la page du Black Friday, la page des Soldes, etc.)
- Si vous ne disposez pas d'une intégration avec un outil d'analyse qui importent directement vos segments d'acquisition, créez une cartographie du trafic d'acquisition incluant les sources d'acquisition qui génèrent du trafic sur vos pages d'entrée. Consultez l'article "Créer une cartographie d'acquisition" pour vous y aider.
2. Définissez vos segments :
- Choisissez une métrique de Web Vital que vous souhaitez suivre (par exemple : TTFB, LCP, CLS, FID, INP) et, à l'aide de la condition de "Même page vue", filtrez les sessions avec une condition de LCP sur la page d'entrée. Renseignez des valeurs minimales et maximales afin d'éviter les valeurs extrêmes et aberrantes.
- Dupliquez votre segment initial pour créer des segments qui représentent des expériences de la métrique choisie (par exemple, le LCP) "bonnes", "mauvaises" ou qui peuvent être "améliorées" sur la page d'entrée.
3. Créez un workspace dédié. Utilisez l'assistant dans le "Nouveau Workspace" pour configurer un workspace pour vos segments pour lesquels les performances sont "bonnes", "à améliorer" et "mauvaises".
- Les KPI typiquement associés aux performances sont le "Pourcentage de sessions", le "Taux de rebonds", le "Temps de session" et le "Taux de conversion" qui sont associés à vos objectifs habituels.
Apprenez en plus sur le suivi des performances techniques de votre site ici.
Analyse
1. Analysez l'impact des différents segments sur vos KPI clés :
- Le fait de rencontrer un meilleur LCP impacte-t-il le temps passé sur le site, le taux d'ajouts panier et la conversion en général ?
Exemple de workspace dédié aux performances du LCP
Workspace montrant qu'une amélioration du LCP sur la page d'entrée corrèle avec une meilleure expérience, ce qui est reflété par un temps de session plus long, de meilleurs taux d'ajouts panier (augmentation de 10% lorsque le LCP est bon sur la page d'entrée) et des taux de conversions plus élevés.
2. Détectez l'élément du LCP avec Speed Analysis. Pour cela, ouvrez le module Speed Analysis Lab, rendez-vous dans l'onglet "Analyse" et sélectionnez l'URL de la page que vous souhaitez analyser, ainsi que la localisation et le type de device. Cela vous conduira sur la page des rapports, où vous pourrez identifier les principales zones à améliorer sur la page en question.
3. Évaluez les performances de votre page par rapport à des métriques de performances web clés.
- Examinez le Largest Contentful Paint (LCP), le Total Blocking Time (TBT) et le Cumulative Layout Shift (CLS) pour comprendre les performances de chargement.
4. Cliquez sur l'image du LCP pour ouvrir le replay vidéo et voir les temps de rendu.
- Visualisez l'élément LCP directement dans le replay vidéo et obtenez des détails supplémentaires à son sujet, tels que sa taille, son poids, son chemin et son code HTML.
Apprenez en plus sur comment utiliser les rapports de Speed Analysis.
5. Identifiez la cause de l'affichage tardif d'une image et priorisez les ressources en cliquant sur le CTA "Waterfall" dans votre rapport. Le Waterfall présente toutes les requêtes réseaux, dont les requêtes HTTP, nécessaires au chargement de la page, qui comportent des éléments tels que des images, du JavaScript et des appels de services web.
- Trouvez la ressource liée au LCP et garantissez une récupération et un affichage rapide en affinant la priorisation des ressources et en configurant le lazy-loading pour les images non essentielles.
Prioriser l'amélioration des zones problématiques
Identifier et prioriser les efforts pour adresser les problèmes de performance web sur des zones spécifiques du site vous permet de vous occuper du problème le plus important en premier et d'avoir l'impact le plus important sur les performances globales de votre site web.
1. Dans Speed Analysis Lab, rendez-vous dans votre tableau de bord standard et recherchez des tendances particulières dans les graphiques. Ajustez vos indicateurs pour évaluer les performances en fonction de différentes métriques.
Exemple d'analyse du Time To First Byte d'un site sur les devices desktop, mobile et app.
Sur la téléphonie mobile 3G à partir de Paris, l'analyse du TTFB révèle systématiquement des performances médiocres au fil du temps.
2. Comprenez l'impact sur les groupes de pages à l'aide de Workspace. Créez un workspace pour agréger les valeurs moyennes de la Core Web Vitals de votre choix pour vos pages principales.
- Déterminez quelles pages nécessitent d'être optimisées, en prenant en compte leur pertinence du point de vue d'un utilisateur réel et l'évaluation de leur impact.
Exemple de workspace pour les valeurs moyennes du TTFB pour les utilisateurs réels sur la page d'accueil, la page de catégorie, le groupe de pages produit et le panier, sur mobile et sur desktop.
3. Évaluez l'impact qu'un TTFB plus élevé que la moyenne sur la page problématique a sur votre entreprise à l'aide du module Quantification d'impact. Comparez les points suivants :
- l'expérience des utilisateurs qui ont consulté la page que vous voulez analyser (par exemple : la page produit) et qui n'ont jamais rencontré de TTFB plus élevé que la valeur moyenne, ni inférieur à 100/500 ms (pour éliminer les valeurs excessivement faibles qui pourraient biaiser votre analyse)
VS
- l'expérience des utilisateurs qui ont consulté la page que vous voulez analyser et n'ont jamais rencontré de TTFB inférieur à la moyenne et de plus de 5 s (pour éliminer les valeurs excessivement élevées qui pourraient biaiser votre analyse)
Exemple d'analyse de Quantification d'impact comparant les utilisateurs mobiles n'ayant pas eu de TTFB lent sur une page produit versus ceux pour qui il l'a été.
L'analyse a montré que si seulement 10% des expériences de TTFB supérieurs à la moyenne étaient améliorées par rapport aux valeurs actuellement inférieures à la moyenne, l'entreprise pourrait bénéficier d'une opportunité de revenus annuels supplémentaires de 400 000€.
Mesurer l'impact d'une ressource/d'un service
Comprendre quelles ressources ou services affectent les performances de votre site web, vous permettra de vous concentrer sur les zones les plus importantes, d'augmenter la satisfaction de vos utilisateurs et de prendre des décisions réfléchies pour atteindre une présence en ligne compétitive, plus efficace et plus rapide.
Voici un guide à suivre étape par étape pour mesurer l'impact d'une ressource ou d'un service.