Core/Dash Histogram

Visualisera den fullständiga fördelningen av user experiences. Identifiera extremvärden och bimodala mönster som genomsnitt döljer. 

Gratis provperiod

Trusted by market leaders

happyhorizoncompareloopearplugsnina carefotocasamonarchwhowhatwearsnvebayadevintakpnvpnaleteiaperionerasmusmcharvarddpg mediamarktplaatsnestlesaturnworkiva

Förstå User Experience med histogram

Genomsnittliga prestandapoäng är missvisande. De döljer verkligheten av user experience. Om en användare laddar din webbplats på 1 sekund och en annan på 9 sekunder, är genomsnittet 5 sekunder. Denna siffra representerar ingen av användarna. Ett histogram avslöjar sanningen genom att visualisera den fullständiga fördelningen av laddningstider.

coredash rum histogram jun25

Detta diagram tar dig från ett enskilt mätvärde till en komplett bild. Det exponerar extremvärden, "the long tail", och de specifika användargrupper som har en dålig upplevelse.

Vad ett histogram avslöjar

Ett histogram grupperar din prestandadata i buckets för att visa frekvens.

  • X-axeln (Buckets): Intervall av prestandapoäng (t.ex. 0-1s, 1-2.5s).
  • Y-axeln (Volym): Antalet sidvisningar som faller inom varje bucket. Stapelns höjd indikerar hur vanlig den upplevelsen är.
  • Percentiler (p75, p90, p99): Dessa markörer visar var majoriteten av dina användare befinner sig. p75-linjen indikerar att 75 % av din trafik är snabbare än denna punkt.

Hur du diagnostiserar problem med ett histogram

Ett hälsosamt histogram har en stor koncentration av användare i de snabba buckets till vänster och ett kort, brant fall. Varje annan form är en varningssignal som kräver utredning.

  1. The Long Tail: Leta efter en graf som sträcker sig långt till höger med låga staplar. Detta representerar en "long tail" av användare med mycket dålig prestanda. Dessa är ofta användare på äldre enheter eller långsamma nätverk. Att minimera denna svans förbättrar dina p95- och p99-poäng.
    coredash 2 long tail histogram
    Lösning: Fokusera på att optimera för begränsade miljöer genom att minska JavaScript-exekvering och storleken på tillgångar.

  2. Bimodal fördelning (Dubbeltoppen) Leta efter två distinkta toppar i diagrammet. Detta indikerar två olika user experiences. Det orsakas ofta av ett segmenteringsproblem, såsom mobil kontra desktop eller cachade kontra icke-cachade sidor.
    coredash 3 bimodal histogram.png
    Lösning: Använd filtren för att isolera variabeln.  Filtrera efter enhetstyp, inloggningsstatus, land osv. tills du har hittat den dimension som får en av topparna att försvinna. Du har precis hittat grundorsaken till problemet för en hel kohort av användare.

Optimering av Core Web Vitals

Histogrammet tvingar dig att konfrontera verkligheten för dina långsammaste användare. Att analysera fördelningen är nyckeln till att gå från allmän optimering till kirurgiska förbättringar som höjer dina p75-poäng och driver affärsresultat.

Förstå User Experience med histogramCore Web Vitals Förstå User Experience med histogram