core web vitals: de meetlat waarop je webshop stilzwijgend wordt afgerekend
Geen popup, geen waarschuwing: een trage winkel verliest gewoon bezoekers en ranking. Dit zijn de metingen die dat bepalen, en de meest voorkomende fouten erin.
Core web vitals zijn geen abstracte technische term, het zijn drie concrete metingen van hoe een echte bezoeker jouw winkel ervaart: hoe snel iets zichtbaar wordt, hoe snel het reageert op een klik, en hoe stabiel de pagina blijft staan terwijl hij laadt.
wat meten de drie kernwaarden precies?
Largest Contentful Paint meet hoe lang het duurt voordat het grootste zichtbare element, meestal een productfoto, volledig geladen is. Interaction to Next Paint meet de vertraging tussen een klik en de reactie daarop. Cumulative Layout Shift meet hoeveel de pagina rondspringt terwijl elementen nog laden, zoals een “voeg toe aan winkelwagen”-knop die verspringt net als je erop wilt klikken.
welke fout zie je het vaakst op webshops?
Een hero-afbeelding van enkele megabytes die ongewijzigd naar een telefoon wordt gestuurd, terwijl het scherm een fractie van die resolutie nodig heeft. Dat ene bestand bepaalt vaak in zijn eentje of je Largest Contentful Paint binnen de gezonde marge valt of niet.
en de fout die niemand aan het thema wijt?
Apps. Elke app voegt minstens één script toe dat moet laden voordat de pagina interactief aanvoelt. Reviews, upsells, trackingpixels en chatwidgets tellen op, ook als ze maar op één pagina daadwerkelijk nodig zijn. Dat raakt vooral Interaction to Next Paint: de pagina staat er wel, maar reageert traag op de eerste klik.
| meting | wat het meet | meest voorkomende oorzaak op webshops |
|---|---|---|
| largest contentful paint | hoe snel het grootste element laadt | te grote, niet-geoptimaliseerde afbeeldingen |
| interaction to next paint | vertraging tussen klik en reactie | opstapeling van app-scripts |
| cumulative layout shift | hoeveel de pagina rondspringt tijdens laden | afbeeldingen en banners zonder vaste afmetingen |
waar begin je als je dit zelf wilt aanpakken
- ✸Open de devtools op je drukste productpagina en tel hoeveel scripts laden vóór de pagina interactief is
- ✸Comprimeer en resize hero-afbeeldingen naar de daadwerkelijke schermgrootte, niet de originele fotogrootte
- ✸Zet vaste afmetingen op afbeeldingen en banners, zodat ze geen ruimte opeisen die nog niet geladen is
- ✸Beoordeel per app: wat kost dit aan laadtijd, wat levert het op, gebruikt iemand het nog
- ✸Meet op een echt toestel, niet alleen in een simulatie op een snelle kantoorlaptop
veelgestelde vragen over core web vitals
beïnvloeden core web vitals mijn positie in google?
Ja, het is een van de rankingfactoren, al weegt inhoud en relevantie nog altijd zwaarder. Trage laadtijden kunnen wel een voordeel dat je verdiende met goede content tenietdoen.
los ik dit op met een nieuw thema?
Meestal niet. In de praktijk zit het probleem vaker in apps en afbeeldingen dan in de thema-code zelf.
hoe vaak moet ik dit meten?
Elke keer dat je een app toevoegt of een grote hoeveelheid nieuwe productfoto’s uploadt, plus een standaardcheck elk kwartaal.
welke tool gebruik ik om dit te meten?
Google’s PageSpeed Insights en de Chrome devtools geven beide een concreet rapport op basis van echte metingen, niet alleen een schatting.
is mobiel of desktop belangrijker om te meten?
Mobiel, aangezien het merendeel van webshopverkeer inmiddels van telefoons komt en mobiele verbindingen minder marge voor fouten geven.
“Een redding kost altijd minder dan de nieuwbouw waar je een offerte voor kreeg.”