Core/Dash Histogrammes

Comprendre l'expérience utilisateur avec les histogrammes

Les scores de performance moyens sont trompeurs. Ils cachent la réalité de l'expérience utilisateur. Si un utilisateur charge votre site en 1 seconde et un autre en 9 secondes, la moyenne est de 5 secondes. Ce chiffre ne représente aucun des deux utilisateurs. Un histogramme révèle la vérité en visualisant la distribution complète des temps de chargement.

Ce graphique vous fait passer d'une métrique unique à une image complète. Il expose les valeurs aberrantes, la longue traîne et les groupes spécifiques d'utilisateurs qui subissent une mauvaise expérience.

Ce qu'un histogramme révèle

Un histogramme regroupe vos données de performance dans des compartiments pour en montrer la fréquence.

• Axe des X (Compartiments) : Plages de scores de performance (par ex., 0-1s, 1-2.5s).
• Axe des Y (Volume) : Le nombre de pages vues qui tombent dans chaque compartiment. La hauteur de la barre indique la fréquence de cette expérience.
• Centiles (p75, p90, p99) : Ces marqueurs montrent où se situe la majorité de vos utilisateurs. La ligne p75 indique que 75 % de votre trafic est plus rapide que ce point.

Comment diagnostiquer les problèmes avec un histogramme

Un histogramme sain présente une forte concentration d'utilisateurs dans les compartiments rapides sur la gauche et une chute courte et abrupte. Toute autre forme est un signal d'alarme qui exige une investigation.

1. La longue traîne : Recherchez un graphique qui s'étend loin vers la droite avec des barres basses. Cela représente une « longue traîne » d'utilisateurs avec de très mauvaises performances. Ce sont souvent des utilisateurs sur des appareils plus anciens ou des réseaux lents. Réduire cette traîne améliore vos scores p95 et p99.
   
   Solution : Concentrez-vous sur l'optimisation pour les environnements contraints en réduisant l'exécution JavaScript et la taille des ressources.
   
   
2. Distribution bimodale (Le double pic) Recherchez deux pics distincts dans le graphique. Cela indique deux expériences utilisateurs différentes. C'est souvent causé par un problème de segmentation, tel que mobile vs desktop ou pages en cache vs non en cache.
   
   Solution : Utilisez les filtres pour isoler la variable.  Filtrez par type d'appareil, statut de connexion, pays, etc. jusqu'à ce que vous ayez trouvé la dimension qui fait disparaître l'un des pics. Vous venez de trouver la cause première du problème pour une cohorte entière d'utilisateurs.

Optimiser les Core Web Vitals

L'histogramme vous force à affronter la réalité de vos utilisateurs les plus lents. L'analyse de la distribution est la clé pour passer d'une optimisation générale à des améliorations chirurgicales qui augmentent vos scores p75 et stimulent les résultats commerciaux.