waarom voelt je webshop traag op mobiel?
Een trage of onrustige winkel kan bezoekers laten afhaken. Dit zijn de drie ervaringen die we meten en de fouten die ze meestal veroorzaken.
Google noemt drie snelheidsmetingen samen Core Web Vitals. Ze beschrijven wat een echte bezoeker merkt, hoe snel iets zichtbaar wordt, hoe snel de pagina reageert op een klik en of alles rustig blijft staan tijdens het laden.
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 oorzaak die vaak wordt gemist?
Apps. Reviews, extra verkoopsuggesties, bezoekersmetingen en chatvensters tellen allemaal mee, ook als je ze maar op één pagina nodig hebt. Daardoor kan een pagina zichtbaar zijn maar toch traag reageren 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 |
| reactie op een klik | vertraging tussen klik en reactie | te veel apps die tegelijk meelopen |
| 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 je drukste productpagina op een echte telefoon en noteer hoe snel de pagina op de eerste klik reageert
- ✸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 het kost aan laadtijd, wat het oplevert, en of iemand het nog gebruikt
- ✸Meet op een echt toestel, niet alleen in een simulatie op een snelle kantoorlaptop
veelgestelde vragen over de snelheidsmetingen van google
beïnvloedt snelheid mijn positie in google?
Snelheid is een van de signalen die Google gebruikt, maar nuttige en relevante inhoud weegt zwaarder. Een trage webshop kan wel een deel van dat voordeel wegnemen.
los ik dit op met een volledig nieuwe webshop?
Meestal niet. In de praktijk zit het probleem vaker in apps en afbeeldingen dan in de basis van de webshop.
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.”