Core/Dash Histogramme

User Experience mit Histogrammen verstehen

Durchschnittliche Performance-Werte sind irreführend. Sie verbergen die Realität der User Experience. Wenn ein Nutzer Ihre Website in 1 Sekunde lädt und ein anderer in 9 Sekunden, beträgt der Durchschnitt 5 Sekunden. Dieser Wert repräsentiert keinen der beiden Nutzer. Ein Histogramm offenbart die Wahrheit, indem es die vollständige Verteilung der Ladezeiten visualisiert.

Dieses Diagramm führt Sie von einer einzelnen Metrik zu einem Gesamtbild. Es deckt die Ausreißer, den Long Tail und die spezifischen Nutzergruppen auf, die eine schlechte User Experience haben.

Was ein Histogramm offenbart

Ein Histogramm gruppiert Ihre Performance-Daten in Buckets, um die Häufigkeit anzuzeigen.

• X-Achse (Buckets): Bereiche von Performance-Werten (z. B. 0-1s, 1-2,5s).
• Y-Achse (Volumen): Die Anzahl der Seitenaufrufe, die in jeden Bucket fallen. Die Höhe des Balkens zeigt an, wie häufig diese Erfahrung vorkommt.
• Perzentile (p75, p90, p99): Diese Markierungen zeigen, wo sich die Mehrheit Ihrer Nutzer befindet. Die p75-Linie gibt an, dass 75 % Ihres Traffics schneller als dieser Punkt sind.

So diagnostizieren Sie Probleme mit einem Histogramm

Ein gesundes Histogramm weist eine große Konzentration von Nutzern in den schnellen Buckets auf der linken Seite und einen kurzen, steilen Abfall auf. Jede andere Form ist ein Warnsignal, das eine Untersuchung erfordert.

1. Der Long Tail: Achten Sie auf ein Diagramm, das sich mit niedrigen Balken weit nach rechts erstreckt. Dies repräsentiert einen "Long Tail" von Nutzern mit sehr schlechter Performance. Dies sind oft Nutzer mit älteren Geräten oder langsamen Netzwerken. Die Minimierung dieses Tails verbessert Ihre p95- und p99-Werte.
   
   Lösung: Konzentrieren Sie sich auf die Optimierung für eingeschränkte Umgebungen, indem Sie die JavaScript-Ausführung und die Größe von Assets reduzieren.
   
   
2. Bimodale Verteilung (Der doppelte Gipfel) Achten Sie auf zwei deutliche Spitzen im Diagramm. Dies deutet auf zwei unterschiedliche User Experiences hin. Dies wird oft durch ein Segmentierungsproblem verursacht, wie z. B. Mobile vs. Desktop oder gecachte vs. nicht gecachte Seiten.
   
   Lösung: Verwenden Sie die Filter, um die Variable zu isolieren.  Filtern Sie nach Gerätetyp, Anmeldestatus, Land usw., bis Sie die Dimension gefunden haben, die eine der Spitzen verschwinden lässt. Sie haben soeben die Grundursache des Problems für eine ganze Kohorte von Nutzern gefunden.

Core Web Vitals optimieren

Das Histogramm zwingt Sie, sich der Realität Ihrer langsamsten Nutzer zu stellen. Die Analyse der Verteilung ist der Schlüssel, um von allgemeinen Optimierungen zu präzisen Verbesserungen überzugehen, die Ihre p75-Werte anheben und geschäftliche Ergebnisse vorantreiben.