Core/Dash Histogrammen

User experience begrijpen met histogrammen

Gemiddelde performance-scores zijn misleidend. Ze verbergen de realiteit van de user experience. Als de ene gebruiker je site in 1 seconde laadt en een andere in 9 seconden, is het gemiddelde 5 seconden. Dit getal is niet representatief voor beide gebruikers. Een histogram onthult de waarheid door de volledige verdeling van laadtijden te visualiseren.

Deze grafiek brengt je van een enkele metriek naar een compleet beeld. Het legt de uitschieters bloot, evenals de long tail en de specifieke groepen gebruikers die een slechte user experience ervaren.

Wat een histogram onthult

Een histogram groepeert je performance-data in buckets om de frequentie te tonen.

• X-as (Buckets): Reeksen van performance-scores (bijv. 0-1s, 1-2.5s).
• Y-as (Volume): Het aantal pageviews dat in elke bucket valt. De hoogte van de balk geeft aan hoe vaak deze user experience voorkomt.
• Percentielen (p75, p90, p99): Deze markeringen tonen waar de meerderheid van je gebruikers zich bevindt. De p75-lijn geeft aan dat 75% van je verkeer sneller is dan dit punt.

Hoe problemen te diagnosticeren met een histogram

Een gezond histogram heeft een grote concentratie gebruikers in de snelle buckets aan de linkerkant en een korte, steile daling. Elke andere vorm is een rode vlag die om nader onderzoek vraagt.

1. De long tail: Zoek naar een grafiek die zich ver naar rechts uitstrekt met lage balken. Dit vertegenwoordigt een "long tail" van gebruikers met zeer slechte prestaties. Dit zijn vaak gebruikers met oudere apparaten of trage netwerken. Het minimaliseren van deze tail verbetert je p95- en p99-scores.
   
   Oplossing: Richt je op het optimaliseren voor beperkte omgevingen door de uitvoering van JavaScript te verminderen en de bestandsgroottes van assets te verkleinen.
   
   
2. Bimodale verdeling (De dubbele piek) Zoek naar twee afzonderlijke pieken in de grafiek. Dit duidt op twee verschillende user experiences. Het wordt vaak veroorzaakt door een segmentatieprobleem, zoals mobiel vs. desktop of gecachte vs. niet-gecachte pagina's.
   
   Oplossing: Gebruik de filters om de variabele te isoleren.  Filter op apparaattype, ingelogde status, land, enz. totdat je de dimensie hebt gevonden die een van de pieken laat verdwijnen. Je hebt zojuist de oorzaak van het probleem gevonden voor een compleet cohort gebruikers.

Core Web Vitals optimaliseren

Het histogram dwingt je om de realiteit van je traagste gebruikers onder ogen te zien. Het analyseren van de verdeling is de sleutel om van algemene optimalisatie naar chirurgische verbeteringen te gaan, die je p75-scores verhogen en bedrijfsresultaten stimuleren.