Waarom is mijn webshop traag? En wat het je kost.

Snelheid is het meest onzichtbare probleem van bijna elke webshop. Jij bekijkt je eigen winkel elke dag op een snelle laptop met goede wifi, dus voelt het prima. Je klant zit heel ergens anders: op een telefoon van drie jaar oud, op 4G in de trein, met tien andere tabbladen open en geen geduld. Het verschil tussen die twee ervaringen is meestal schrikken zodra je het echt meet. En een trage webshop laat niks van zich horen. Niemand mailt je dat de pagina er zes seconden over deed. Ze klikken gewoon weg, en je komt nooit te weten dat ze er waren.

Waar blijft die tijd?

De boosdoeners zijn bijna altijd dezelfde drie. Te grote afbeeldingen die rechtstreeks van een telefoon of camera op volle resolutie zijn geüpload en daarna nooit meer aangeraakt. Scripts van derden die meteen bij het laden meedraaien: reviewwidgets, chattools, analytics-tags, cookiebanners, die allemaal als eerste willen laden. En themacode die lettertypes, stijlen en JavaScript inlaadt voor functies die de winkel niet eens gebruikt, omdat het thema is gemaakt om indruk te maken in een demo, niet om snel te laden.

Afbeeldingen zijn in hun eentje goed voor zo'n 60% van het gewicht van een gemiddelde productpagina. Een hero-afbeelding van 4MB die op jouw scherm meteen verschijnt, is op een zwakke verbinding tien tot vijftien seconden wachten. Moderne formaten als WebP en AVIF halen daar 50 tot 70% vanaf zonder zichtbaar kwaliteitsverlies. En de juiste afmeting meesturen scheelt net zoveel: stuur geen foto van 3000 pixels breed naar een telefoon die hem maar 400 pixels breed toont. Alleen die ene aanpassing halveert vaak al het paginagewicht.

Dit is de test die ik bij bijna elke nieuwe klant doe. Ik open hun beste productpagina op een afgeknepen mobiele verbinding, zoals de browser die kan nabootsen, en zet de tijd af tegen hun homepage op de kantoorlaptop. Het is niet ongewoon dat de laptop binnen twee seconden klaar is terwijl de telefoon na acht seconden nog laadt. Dezelfde winkel, dezelfde pagina, twee totaal verschillende bedrijven, afhankelijk van wie er langskomt.

“Elke seconde die je iemand laat wachten, is een seconde waarin die persoon de aankoop opnieuw overweegt.

De scripts die niemand controleert.

Open nu zelf het netwerktabblad op je webshop, ververs de pagina en tel de verzoeken naar derden: scripts, lettertypes, trackers, widgets, pixels. Een gemiddelde shop draait er ergens tussen de 15 en 30. Elk verzoek moet je server verlaten, bij een ander bedrijf aankomen en weer terugkomen, en elk daarvan kan de pagina blokkeren terwijl dat gebeurt. Sommige zijn voor tools waar het bedrijf twee jaar geleden mee gestopt is. Niemand heeft de code weggehaald, dus laadt hij nog bij elk bezoek, voor elke klant.

Een vaste scriptcontrole, één keer per kwartaal is genoeg, levert bijna altijd twee of drie dingen op die je kunt weggooien zonder enig gevolg voor de business en met echte snelheidswinst. De oude chatwidget. De heatmap-tool van een campagne die in 2023 stopte. De tweede analytics-tag die iemand ooit toevoegde en vergat. Niks daarvan doet iets, behalve je afremmen.

Wat je server doet voordat er iets laadt.

Voordat er ook maar één afbeelding of script verschijnt, vraagt de browser jouw server om de pagina en wacht op de eerste byte. Op goedkope gedeelde hosting, of een shop die bezwijkt onder zware plugins en een niet-geoptimaliseerde database, kan dat wachten in z'n eentje al één tot twee seconden duren voordat de klant überhaupt iets ziet. Caching lost het grootste deel op. Pagina's die bijna nooit veranderen kun je kant-en-klaar serveren in plaats van ze bij elk bezoek opnieuw op te bouwen, en een CDN zet een kopie fysiek dichter bij de klant, zodat die niet eerst het halve land door hoeft.

Dit is de minst zichtbare ingreep en vaak de goedkoopste winst. Je verandert niks aan het ontwerp. De pagina ziet er precies hetzelfde uit. Hij verschijnt alleen sneller.

Zelf meten voordat je iets laat aanpassen.

1. Open PageSpeed Insights en test zowel je homepage als je best verkopende productpagina, op het tabblad Mobiel, niet Desktop.
2. Scoort mobiel onder de 60, dan heb je een echt probleem dat je stilletjes verkoop kost.
3. Tussen de 60 en 80: het werkt, maar je laat geld liggen.
4. Boven de 80 op mobiel is echt goed. De meeste shops komen daar nooit, dus als jij er zit, houd het zo.
5. Let vooral op de Largest Contentful Paint. Dat is grofweg hoe lang het duurt voordat een klant je belangrijkste inhoud ziet, en dat is het getal dat het meest telt.

Wat het oplevert om je webshop sneller te maken.

Snelheidswerk is niet spannend. Er is niks om mee te pronken in een portfolio, geen nieuwe pagina om trots op te zijn. Maar van alle soorten opdrachten die ik aanneem, heeft dit meestal het duidelijkste resultaat: hetzelfde verkeer, dezelfde producten, dezelfde advertentiekosten, en er blijven meer echte bestellingen van over. Wil je je webshop-laadtijd verbeteren, begin dan met eerlijk meten. Dat getal vertelt je of dit een middag of een weekend van mijn tijd waard is.