Website snelheid testen: zo lees je de scores

Je test de snelheid van je website gratis met PageSpeed Insights van Google (pagespeed.web.dev) of met GTmetrix. Vul het adres van je pagina in, kies de mobiele test en kijk eerst naar de gegevens van echte bezoekers, pas daarna naar het cijfer van 0 tot 100. Hieronder lees je wat alle scores betekenen en wat je er als ondernemer mee moet.

Waarom snelheid ertoe doet

Een trage pagina kost je op twee manieren klanten. Bezoekers haken af voordat ze je aanbod hebben gezien, en Google neemt de laadervaring mee als een van de signalen bij het bepalen van je posities. Snelheid is geen doel op zich: het gaat erom dat iemand op zijn telefoon snel ziet wat je doet en zonder haperen een offerte kan aanvragen.

Website snelheid testen in vier stappen

1. Ga naar PageSpeed Insights en vul het adres in van een pagina die ertoe doet: je homepage, je belangrijkste dienstpagina of een productpagina.

2. Kies bovenaan Mobiel. De meeste bezoekers komen via hun telefoon, en Google beoordeelt je site op de mobiele versie.

3. Noteer de uitkomst: de beoordeling van echte gebruikers en de score bij Prestaties. Zonder nulmeting weet je later niet of een aanpassing iets heeft opgeleverd.

4. Test elke pagina twee of drie keer. De labscore schommelt per meting een paar punten, dus kijk naar de lijn en niet naar één uitschieter.

PageSpeed Insights: twee soorten gegevens

Het rapport bestaat uit twee delen, en die worden vaak door elkaar gehaald.

Bovenaan: wat echte bezoekers ervaren

Het bovenste deel komt uit het Chrome User Experience Report: metingen bij echte Chrome-gebruikers over de afgelopen 28 dagen. Dit zijn de cijfers die Google gebruikt. Je ziet hier de beoordeling van de Core Web Vitals: LCP, INP en CLS. Volgens de documentatie van Google slaagt een pagina als alle drie in het groen staan. Heeft je site weinig bezoekers, dan toont PageSpeed Insights de cijfers voor je hele domein, of helemaal geen praktijkgegevens. Dat is geen fout; er zijn dan simpelweg te weinig metingen.

Daaronder: de labtest

Het onderste deel is een gesimuleerde test met Lighthouse: één laadbeurt op een nagebootste middenklasse telefoon met een mobiele verbinding. Daar komt het bekende cijfer van 0 tot 100 uit. Die test is bedoeld om problemen op te sporen, niet als rapportcijfer. Een 62 in het lab kan prima samengaan met groene praktijkcijfers, en andersom.

Wat de kleuren betekenen

Jaag niet op een 100. Het verschil tussen 85 en 100 merkt een bezoeker zelden, en de laatste punten kosten vaak meer dan ze opleveren. Het verschil tussen 30 en 70 merkt iedereen.

De vijf cijfers in de labtest

De score van 0 tot 100 is een gewogen gemiddelde van vijf metingen. In gewone taal:

• First Contentful Paint (FCP): wanneer verschijnt er voor het eerst iets op het scherm.

• Largest Contentful Paint (LCP): wanneer staat het grootste blok in beeld, meestal je headerfoto of hoofdtitel. Dit voelt voor een bezoeker als ‘de pagina is er’.

• Total Blocking Time (TBT): hoe lang de pagina vastzit doordat de browser bezig is met scripts. Telt het zwaarst mee. Veel plugins, chatwidgets en trackingcodes drukken dit cijfer.

• Cumulative Layout Shift (CLS): hoeveel de pagina verspringt tijdens het laden. Je wilt op een knop tikken en net op dat moment schuift alles omlaag.

• Speed Index: hoe snel de pagina zichtbaar opbouwt.

Volgens de documentatie van Lighthouse wegen Total Blocking Time, LCP en CLS samen het zwaarst. Daar zit dus meestal je winst.

De adviezen onder de score

Onder de cijfers geeft PageSpeed Insights een lijst met verbeterpunten, met per punt een geschatte besparing. Je hoeft ze niet allemaal op te lossen. Begin bovenaan en let op drie soorten advies die bij vrijwel elke site terugkomen:

• Afbeeldingen: te groot, in een oud formaat of niet uitgesteld geladen. Lees hoe je dat oplost in het artikel over afbeeldingen comprimeren.

• Ongebruikte JavaScript en CSS: code van plugins en thema’s die op elke pagina laadt, ook waar ze niets doet.

• Reactietijd van de server: de server doet er lang over om te antwoorden. Dat wijst op caching die ontbreekt of op een te lichte hosting.

GTmetrix: hetzelfde, anders verpakt

GTmetrix gebruikt onder de motorkap ook Lighthouse en geeft een letter van A tot F. Die letter combineert een prestatiescore met een structuurscore, die kijkt hoeveel technische controles je pagina doorstaat. Het handigste onderdeel is het watervaldiagram: daarin zie je per bestand hoe lang het laden duurt, zodat je ziet welk script of welke foto de vertraging veroorzaakt.

Kijk bij de testinstellingen welke testlocatie is gebruikt. Een server in Nederland die vanaf een ander continent wordt getest, lijkt trager dan hij voor jouw klanten is. GTmetrix en PageSpeed Insights komen daardoor zelden op hetzelfde cijfer uit. Kies één tool, test altijd op dezelfde manier en vergelijk alleen met je eigen eerdere metingen.

Wat moet je als ondernemer met de uitkomst?

• Echte gebruikers groen, labscore oranje: geen haast. Pak de grootste adviezen op bij je volgende onderhoudsronde.

• Echte gebruikers oranje of rood: dit kost je bezoekers. Begin met afbeeldingen en caching; samen lossen die het vaakst het meeste op.

• Alleen je homepage is traag: kijk naar een grote slider, een video bovenaan of een zware headerfoto.

• Alles is traag, ook na opruimen: dan ligt het waarschijnlijk aan je hosting.

De stappen voor WordPress staan op volgorde in het artikel WordPress sneller maken.

Veelgestelde vragen

Mijn website is traag, wat nu?

Meet eerst met PageSpeed Insights op mobiel en noteer de cijfers. Kijk dan naar de bovenste adviezen. In de meeste gevallen zit de winst in te zware afbeeldingen, ontbrekende caching en plugins die je niet gebruikt. Pak die drie op, test opnieuw en vergelijk. Helpt dat te weinig, dan is je hosting de volgende stap.

Waarom is mijn WordPress-site traag?

Bij WordPress zijn de gebruikelijke oorzaken: grote foto’s die rechtstreeks uit de camera zijn geüpload, geen caching, een stapel plugins die elk hun eigen code laden, een zwaar thema of paginabouwer, en goedkope gedeelde hosting. Het artikel WordPress sneller maken loopt ze in volgorde langs.

Is mijn WooCommerce-webshop traag door plugins?

Dat kan, maar test het in plaats van te gokken. Een webshop heeft meer pagina’s die niet uit de cache kunnen komen, zoals de winkelwagen en de afrekenpagina, en laadt vaak extra scripts voor betalingen, reviews en tracking. Zet op een testomgeving plugins één voor één uit en meet steeds opnieuw. Zo zie je welke plugin het verschil maakt, zonder dat je live shop eronder lijdt.

Liever laten regelen?

Wil je niet zelf met scores en plugins puzzelen, dan houden wij je site snel en bijgewerkt met WordPress-onderhoud. Ligt het aan de server, kijk dan naar onze WordPress-hosting.