Zo meet je of je thema snel laadt op mobiel

Een WordPress thema is pas echt snel als de bovenste pixels van de demo op een middenklasse-telefoon, over 4G, binnen 3 seconden leesbaar zijn. Dat meet je niet door naar de ‘lightweight’ belofte op de verkooppagina te kijken, maar door de demo-live-URL te laden op een toestel dat lijkt op wat je bezoekers echt gebruiken.

Waarom de lab-score je misleidt en de veldtest niet

Elke thema-marketingpagina roept dat hij snel is. PageSpeed-nummers van 95+ zijn routine geworden, zeker als je de demo test op een fiber-verbinding vanaf een recente MacBook. Dat zegt weinig. Een bezoeker op een Samsung Galaxy A52 over de KPN 4G-mast bij avondspits ervaart iets heel anders, en dat is de bezoeker die beslist of je site werkt.

De wordpress thema snelheid die ertoe doet, is daarom de laadprestatie op een gemiddeld toestel over een gemiddelde verbinding. Dat is ook waar Google zelf op richt met zijn Core Web Vitals-velddata. Lab-tools zijn nuttig om regressie op te sporen, maar de echte test is: hoe voelt het als je zelf op een normale telefoon de demo opent?

Het meetprotocol in vijf stappen

Voordat je een thema koopt, doorloop je dit protocol op de demo (niet de marketingpagina). Het kost vijf minuten en bespaart je maanden trage website.

1. Vraag de demo-live-URL op. Niet de productpagina, maar de echte voorgeïnstalleerde demo, het liefst de homepage en een artikel- of productpagina.
2. Open hem op je eigen telefoon over 4G. Geen wifi, geen ‘developer tools throttling’ op je laptop. Een echte telefoon op een echte verbinding is de eerlijkste test.
3. Klok de Largest Contentful Paint. Dat is het moment waarop het grootste zichtbare element volledig staat. Onder 2,5 seconden is goed, tussen 2,5 en 4 seconden is marginaal, en daarboven is een rode vlag.
4. Schuif en scroll direct na de eerste paint. Voel je haperingen? Dat is eenCumulative Layout Shift-probleem of een zware ongebonden animatie. Een trage scroll is een trage site, hoe snel de LCP ook was.
5. Herhaal op drie demosites van hetzelfde thema. Eén demo kan goed geoptimaliseerd zijn terwijl andere zwaar zijn. Je wil het gemiddelde, niet het hoogtepunt.

Welke getallen je wilt zien, en welke niet

PageSpeed Insights geeft je een lab-score (geel/oranje) én velddata (als de site voldoende verkeer heeft). Let op het verschil. Een thema-demo met hoge verkeersdruk heeft echte Core Web Vitals-velddata; een onbekend thema toont alleen lab-scores. Beide zeggen iets, maar velddata is betrouwbaarder omdat die uit echte apparaten komt.

Drie getallen verdienen je aandacht:

LCP onder 2,5s op mobiel. Dat is de grens die Google ‘goed’ noemt.
INP onder 200ms. Interaction to Next Paint is inmiddels de belangrijkste interactiviteitsmeting; vervangt de oude FID.
CLS onder 0,1. Hoeveel de pagina verschuift tijdens het laden. Vooral bij thema’s met veel reclameblokken of lazy-loaded afbeeldingen een probleem.

Wat ‘lightweight’ op de verkooppagina eigenlijk betekent

Thema-ontwikkelaars schrijven ‘lightweight’ als het initiële bestand klein is. Dat is technisch waar maar praktisch misleidend. Het zip-bestand van het thema zegt niets over wat er gebeurt als je de demo importeert met zijn twaalf plugins, vijf slide-plugins en een pagebuilder die de hele DOM vult met geneste wrappers.

De echte snelheid van een thema meet je pas ná het importeren van de demo, met alle plugins actief die de ontwikkelaar als ‘aanbevolen’ meegeeft. Vóór die import is elk getal een theorie.

Daarom testen wij thema’s pas nadat ze volledig zijn ingericht zoals de ontwikkelaar ze voorstelt. Pas dan zie je wat een bezoeker echt ervaart. Lees voor de marketingtaal erachter onze uitleg over wat ‘lightweight’ en ‘SEO-vriendelijk’ op een thema-pagina echt betekenen.

Drie fouten die je vlug uit de test haalt

Veel demotests geven een verkeerd beeld omdat de testomgeving niet op de productie lijkt. Pas op voor:

Testen op wifi. Wifi verbergt traagheid. 4G of zelfs 3G-throttling in Chrome DevTools is eerlijker.
Een demo zonder afbeeldingen. Sommige thema’s laden placeholders die lichter zijn dan jouw echte foto’s. Plaats eigen beelden om een realistischer beeld te krijgen.
Cache al aan in de demo. Veel demosites hebben agressieve caching. Test ook een ongecachte load (lege cache) om te zien hoe een nieuwe bezoeker de site ervaart.

Wat je volgende stap wordt

Heb je een paar thema’s overgebleven die de test doorstaan? Vergelijk ze dan naast elkaar op dezelfde demoset. Onze vergelijkingspagina toont hoe Kadence, Blocksy en Astra presteren als de catalogus groeit — een betere voorspeller dan een geïsoleerde demotest. Voor het volledige proces lees je ook de keuzegids. En als je niet weet welke thema’s überhaupt in aanmerking komen, start dan met de keuzewizard: die filtert op jouw sitetype voordat je überhaupt aan meten toekomt.