Core/Dash Histogramy

Wizualizuj pełen rozkład user experience. Identyfikuj wartości skrajne i wzorce bimodalne, które ukrywają średnie. 

Darmowy okres próbny

Trusted by market leaders · Client results

kpncompareloopearplugsharvardadevintamonarchhappyhorizondpg mediamarktplaatssaturnvpnfotocasanina carealeteiaebaysnvworkivaerasmusmcmy work featured on web.devwhowhatwearnestleperion

Zrozumienie user experience za pomocą histogramów

Średnie wyniki wydajności są mylące. Ukrywają one rzeczywisty stan user experience. Jeśli jeden użytkownik ładuje twoją stronę w 1 sekundę, a drugi w 9 sekund, średnia wynosi 5 sekund. Ta liczba nie reprezentuje żadnego z nich. Histogram ukazuje prawdę poprzez wizualizację pełnego rozkładu czasów ładowania.

coredash rum histogram jun25

Ten wykres przenosi cię od pojedynczej metryki do pełnego obrazu. Ujawnia wartości skrajne, długi ogon i konkretne grupy użytkowników, które doświadczają słabego user experience.

Co ujawnia histogram

Histogram grupuje twoje dane o wydajności w przedziały, aby pokazać ich częstotliwość.

  • Oś X (Przedziały): Zakresy wyników wydajności (np. 0-1s, 1-2.5s).
  • Oś Y (Wolumen): Liczba odsłon, które mieszczą się w każdym przedziale. Wysokość słupka wskazuje, jak powszechne jest dane doświadczenie.
  • Percentyle (p75, p90, p99): Te znaczniki pokazują, gdzie znajduje się większość twoich użytkowników. Linia p75 oznacza, że 75% twojego ruchu jest szybsze niż ten punkt.

Jak diagnozować problemy za pomocą histogramu

Zdrowy histogram wykazuje duże nagromadzenie użytkowników w szybkich przedziałach po lewej stronie oraz krótki, stromy spadek. Każdy inny kształt to czerwona flaga, która wymaga dochodzenia.

  1. Długi ogon: Szukaj wykresu, który sięga daleko w prawo z niskimi słupkami. Reprezentuje to "długi ogon" użytkowników o bardzo słabej wydajności. Są to często użytkownicy na starszych urządzeniach lub w wolnych sieciach. Zminimalizowanie tego ogona poprawia twoje wyniki p95 i p99.
    coredash 2 long tail histogram
    Naprawa: Skup się na optymalizacji pod kątem ograniczonych środowisk poprzez zmniejszenie wykonywania JavaScript i rozmiarów zasobów.

  2. Rozkład bimodalny (Podwójny szczyt) Szukaj dwóch wyraźnych szczytów na wykresie. Wskazuje to na dwa różne user experience. Często jest to spowodowane problemem z segmentacją, takim jak urządzenia mobilne kontra desktopy lub strony z pamięci podręcznej kontra niebuforowane.
    coredash 3 bimodal histogram.png
    Naprawa: Użyj filtrów, aby wyizolować zmienną.  Filtruj według typu urządzenia, statusu zalogowania, kraju itd., aż znajdziesz wymiar, który sprawi, że jeden ze szczytów zniknie. Właśnie znalazłeś pierwotną przyczynę problemu dla całej kohorty użytkowników.

Optymalizacja Core Web Vitals

Histogram zmusza cię do skonfrontowania się z rzeczywistością twoich najwolniejszych użytkowników. Analiza rozkładu to klucz do przejścia od ogólnej optymalizacji do precyzyjnych, chirurgicznych ulepszeń, które podnoszą twoje wyniki p75 i napędzają rezultaty biznesowe.


Zrozumienie user experience za pomocą histogramów Core Web Vitals Zrozumienie user experience za pomocą histogramów