In dit artikel bespreek ik hoe ik in 8 stappen PageSpeed Insights heb getest om de laadsnelheid van mijn website te meten.
Stap 1: Ga naar https://pagespeed.web.dev/
Stap 2: Vul je website-URL en klik op analyseren
Ik maak hier dus een analyse van één URL en niet de gehele website.
Ik kreeg de score 5 van verschillende gebieden:
- Prestaties
- Toegankelijkheid
- Praktische tips
- SEO
- Agentisch browsen
Ik ben vooral geïnteresseerd in de prestatiescore, omdat deze gericht is op verschillende aspecten van laadsnelheid.
Stap 3: Mobiele resultaten bekijken
Ik kreeg standaard de laadsnelheidresultaten te zien van iemand die de website bezoekt met zijn smartphone.
Stap 4: Desktopresultaten bekijken
Ik kon ook de resultaten bekijken van iemand die de website bezoekt met zijn laptop of reguliere computer.
Stap 5: Resultaten duiden
De prestatiescore is een algemene score voor je website, gebaseerd op 5 verschillende factoren:
- First Contentful Paint
- Total Blocking Time
- Speed Index
- Largest Contentful Paint
- Cumulative Layout Shift
Hieronder zie je beknopt mijn interpretatie van de verschillende factoren:
First Contentful Paint (FCP)
FCP meet de tijd vanaf het moment dat een gebruiker naar de pagina navigeert totdat een deel van de inhoud van de pagina op het scherm verschijnt.
Bron: First Contentful paint (FCP). (2023, 6 december). web.dev. https://web.dev/articles/fcp
Total Blocking Time (TBT)
TBT is de tijd dat je website bezig is met taken, waardoor de browser niet kan reageren op de acties van een bezoeker.
Als een klant op een knop klikt, iets probeert in te vullen of een andere actie wil uitvoeren, en de TBT is te hoog (langer dan 50 milliseconden), dan reageert de website niet direct.
Bron: Total Blocking Time (TBT). (2024, 4 november). web.dev. https://web.dev/articles/tbt
Speed Index (SI)
SI meet hoe snel de onderdelen van je website verschijnen tijdens het laden. Dit is waar veel mensen aan denken als het gaat over laadsnelheid. Lighthouse geeft de snelheidsindex in seconden weer.
Largest Contentful Paint (LCP)
LCP meet hoe snel het belangrijkste en grootste deel van je website (zoals de hoofdafbeelding of titeltekst) laadt wanneer een bezoeker de pagina opent.
Bron: Largest Contentful Paint (LCP). (2025, September 4). web.dev. https://web.dev/articles/lcp
Cumulative Layout Shift (CLS)
CLS meet hoe vaak en hoe erg elementen op je website onverwacht verspringen terwijl de pagina laadt. Het plaatje hieronder laat zien dat een bezoeker per ongeluk een bestelling plaatst door de #protip banner:
Bron: Cumulative Layout Shift (CLS). (2023, April 12). web.dev. https://web.dev/articles/cls
Wat is een goede score?
Ik was benieuwd waarom de verschillende resultaten rood, oranje of groen waren. Dit is gebaseerd op een aantal benchmarks:
| Snel (groen) | Matig (oranje) | Langzaam (rood) | |
| TBT | Sneller dan 200 ms | Tussen 200 ms en 600 ms | Langer dan 600 ms |
| FCP | Sneller dan 1,8 s | Tussen 1,8 s & 3 s | Langer dan 3 s |
| LCP | Sneller dan 2,5 s | Tussen 2,5 s & 4 s | Langer dan 4 s |
| CLS | Lager dan 0,1 | Tussen 0,1 & 0,25 | Groter dan 0,25 |
| SI | Sneller dan 3,4 s | Tussen 3,4 s & 5,8 s | Langzamer dan 5,8 s |
| TPC | Groter dan 90 | Tussen 50 en 89 | Kleiner dan 49 |
Stap 6: Eigenschappen bekijken
Je ziet ook een aantal eigenschappen waarmee de analyse wordt uitgevoerd. Zo zie je bijvoorbeeld dat dit de “Eerste keer laden van de pagina” simuleert, waardoor sommige cachingtechnieken geen direct effect hebben op de resultaten.
Daarnaast wordt de verbinding afgeknepen om een situatie waar je niet op WIFI of een bekabeld netwerk zit.
Stap 7: Treemap bekijken
Je hebt ook de mogelijkheid om de treemap te bekijken.
In deze treemap zie je een visuele weergave van de grootste scripts die worden geladen op de website.
Zo zie ik dat het script van Google het grootste effect heeft op de laadsnelheid van de website.
Stap 8: Inzichten bekijken
Naast de score geeft het rapport ook aan hoe je deze eventueel zou kunnen verbeteren:
Elk punt kan je uitklappen en bevat de uitleg over het specifieke probleem:
Op mobiel heb ik dus nog een aantal concrete manieren om mijn score te verhogen!
Conclusie
Pagespeed Insights is een laagdrempelige en gratis methode om de laadsnelheid van je website te meten. Het is ontwikkeld door Google en geeft concrete verbetersuggesties.
Je kan dus aanpassingen maken en weer een analyse draaien om zo stapgewijs te optimaliseren. Je bent wel beperkt tot één URL per analyse, waardoor het geen totaalbeeld geeft van de gehele website.
Nuttig gevonden? Help een ander (en mij) en deel dit artikel.
