Codemaker-S

Waarom je website performance zo belangrijk is

Gepubliceerd op · bijgewerkt op

Marco LemmensMarco Lemmens
DevelopmentConversie
Reiziger wacht op een treinperron met een smartphone in de hand waarop een pagina staat te laden

Website performance is de snelheid en stabiliteit waarmee je pagina's laden en reageren. Google meet dat met drie Core Web Vitals; een pagina is groen bij een laadtijd (LCP) onder de 2,5 seconde. En snelheid is direct omzet: een halve seconde snellere webshop kan tot 10 procent meer omzet opleveren.

Wat is website performance?

Website performance beschrijft hoe goed je website technisch presteert voor een bezoeker: hoe snel er iets in beeld staat, hoe snel de pagina reageert op klikken en scrollen, en hoe stabiel alles blijft staan tijdens het laden. Het is dus breder dan alleen de laadtijd van een pagina.

Onder de motorkap bestaat die prestatie uit drie fases. Eerst de serverrespons: de tijd tussen jouw klik en het eerste antwoord van de server (Time To First Byte). Dan het renderen: hoe snel de browser de pagina opbouwt en het belangrijkste beeld toont. En ten slotte de interactie: hoe snel de pagina daadwerkelijk reageert zodra je iets doet. Op elk van die drie fases kun je meten, en dus ook verbeteren.

Wat is sitespeed?

Sitespeed is de tijd die je pagina nodig heeft om bruikbaar te worden voor een bezoeker. Google meet dat sinds de Core Web Vitals niet meer als één laadtijd, maar als drie signalen: LCP, INP en CLS. Een webshop is "groen" bij een LCP onder de 2,5 seconde.

SignaalWat het meetGoedSlecht
LCP (Largest Contentful Paint)wanneer het grootste element in beeld staatonder 2,5 sboven 4 s
INP (Interaction to Next Paint)hoe snel de pagina reageert op een klikonder 200 msboven 500 ms
CLS (Cumulative Layout Shift)hoeveel de pagina verspringt tijdens het ladenonder 0,1boven 0,25

INP is sinds 2024 de opvolger van FID en is de strengste van de drie: hij kijkt niet naar de eerste klik, maar naar álle interacties op de pagina. Zie je ergens nog FID-scores, dan kijk je naar een verouderde meting. Wat elke metric in een webshop verpest en hoe je hem repareert, lees je in de verdieping over Core Web Vitals voor webshops.

Wat is PageSpeed?

PageSpeed Insights is de gratis tool van Google waarmee je die drie waarden meet voor elke URL. De bekende score van 0 tot 100 is een samenvatting van een labtest; de Core Web Vitals bovenaan het rapport komen uit metingen bij echte Chrome-gebruikers en zijn wat werkelijk meetelt voor je positie. Die twee kunnen flink verschillen: een pagina kan in het lab traag lijken en in de praktijk prima presteren, of andersom. Kijk dus eerst naar de velddata en gebruik de labscore om te zien wáár het knelt.

Hoe snel is snel genoeg? De 75e-percentiel-regel

Hier gaat het vaak mis in de interpretatie: Google beoordeelt je pagina niet op het gemiddelde bezoek, maar op het 75e percentiel. Je LCP is pas groen als minstens driekwart van de echte bezoeken onder de 2,5 seconde blijft. Eén meting op kantoor-wifi zegt dus weinig; de bezoeker met een vier jaar oude telefoon op 4G in de trein telt net zo hard mee.

Dat is ook waarom je mobiele score de enige is die er echt toe doet. Het merendeel van het webshopverkeer is mobiel, mobiele processors zijn trager dan laptops, en Google indexeert mobile-first. Een webshop die op desktop vlot aanvoelt maar mobiel oranje scoort, ís traag voor de meeste bezoekers en voor Google. Test dus altijd de mobiele meting eerst.

Waarom website snelheid direct omzet is

De laadtijd van je webshop is de eerste indruk die een bezoeker krijgt, nog vóór je design of je aanbod. En bezoekers zijn ongeduldig: uit onderzoek van Google blijkt dat meer dan de helft van de mobiele bezoekers afhaakt als een pagina langer dan 3 seconden laadt. Die bezoeker gaat niet even koffie halen; die staat bij je concurrent in het bestelproces.

Voor webshops is het effect direct meetbaar in de kassa. Onderzoek laat zien dat een halve seconde snellere laadtijd kan leiden tot een omzetstijging tot 10 procent: kleine verbeteringen in snelheid werken door in elke stap van de funnel, van de eerste klik tot en met de checkout. Omgekeerd geldt hetzelfde: elke seconde extra laadtijd betekent meer afhakers, minder paginabezoeken per sessie en een lagere conversie. Wie de website snelheid verbetert, verbetert dus niet één cijfer maar de hele trechter.

Man achter een laptop kijkt op zijn horloge terwijl hij zijn smartphone vasthoudt

Zo meet je de snelheid van je website

Meten is de eerste stap van elke website snelheid optimalisatie, en het kan gratis. Dit zijn de tools die wij zelf gebruiken, in deze volgorde:

  1. Onze gratis webshop-analyse. In één keer je webshop snelheid meten: je krijgt de Core Web Vitals en de grootste knelpunten direct terug, in gewone taal. De scan kijkt naast snelheid ook naar SEO, security en toegankelijkheid; wat die laatste eis inhoudt lees je in ons artikel over de European Accessibility Act voor webshops.

  2. PageSpeed Insights. De standaardmeting per URL, met velddata van echte gebruikers én een labtest met concrete verbeterpunten.

  3. Search Console. Het Core Web Vitals-rapport toont welke URL's van je site goed, matig of slecht scoren, gegroepeerd per probleem. Dit is de lijst waar je van boven naar beneden doorheen werkt.

  4. Lighthouse. Dezelfde labtest als PageSpeed Insights, maar lokaal in je browser, handig tijdens het bouwen om een fix meteen te controleren.

  5. WebPageTest en GTmetrix. Voor de verdieping: testen vanaf verschillende locaties, verbindingssnelheden en apparaten, met een waterval van alles wat de pagina laadt.

De zeven grootste snelheidskillers in webshops

Na honderden scans zien wij steeds dezelfde oorzaken terugkomen. Wil je je pagespeed verbeteren, begin dan hier:

  1. Te zware afbeeldingen. De grootste post op bijna elke webshop. Een productfoto van 2 MB die als thumbnail van 300 pixels wordt getoond is geen uitzondering, en precies datzelfde beeld kan als WebP op maat onder de 60 KB. Serveer beelden in een modern formaat, op de maat waarop ze getoond worden, en niet groter.

  2. Apps en scripts van derden. Elke review-widget, chatknop en tracking-pixel laadt mee op elke pagina, ook als hij daar niets doet. Bij Shopify-shops die al een paar jaar draaien vinden we geregeld scripts van apps die allang zijn opgezegd. Ruim op wat je niet gebruikt; elke app maakt je shop een beetje trager.

  3. Webfonts. Twee fontfamilies in vier gewichten zijn acht downloads vóór je tekst in beeld staat. Beperk het aantal, subset de bestanden en toon tekst alvast met een systeemfont.

  4. Geen prioriteit boven de vouw. Het hoofdbeeld moet als eerste laden, alles daaronder mag wachten (lazy loading). Staat die volgorde verkeerd, dan wacht je bezoeker op beelden die nog niet eens in beeld zijn.

  5. Verspringende content. Banners, embeds en afbeeldingen zonder gereserveerde ruimte duwen de pagina omlaag tijdens het laden: de klassieke oorzaak van een slechte CLS én van misklikken.

  6. Te veel JavaScript. Zware thema's en bundels blokkeren de interactie: de pagina staat in beeld maar reageert nog niet. Dat is precies wat INP afstraft.

  7. Trage serverrespons. Een hoge Time To First Byte remt alles wat erna komt. Caching en een CDN lossen dit vaker op dan een zwaardere server.

Draait je winkel op Shopify, dan hebben we deze killers vertaald naar een concreet stappenplan: Shopify sneller maken in 9 fixes.

Van meting naar verbetering: zo prioriteer je

De valkuil bij website snelheid optimalisatie is lukraak fixes doorvoeren op basis van één labscore. Werk in plaats daarvan van groot naar klein:

  1. Begin bij de velddata in Search Console. Het Core Web Vitals-rapport groepeert je URL's per probleem; dat is je werklijst, geordend op impact.

  2. Kies per paginatype de slechtste metric. Faalt je productpagina op LCP, dan winnen beeldfixes; faalt hij op INP, dan zit het in scripts en apps. Eén metric tegelijk voorkomt dat je alles half doet.

  3. Pak de zwaarste post eerst. In de waterval van PageSpeed Insights staat wat de meeste kilobytes en milliseconden kost. Meestal is dat beeld, daarna scripts van derden.

  4. Meet opnieuw, en heb geduld met de velddata. De labscore reageert direct op een fix, maar de Core Web Vitals zijn een voortschrijdend venster van 28 dagen. Pas na die periode zie je het volledige effect van een verbetering in je veldcijfers staan.

Wat wij doen om webshops snel te maken

Snelheid is bij ons geen optimalisatieronde achteraf, maar een eis bij oplevering: de Core Web Vitals staan groen vóór een site live gaat. In de praktijk betekent dat onder meer beelden die als WebP op maat worden geserveerd met een blur-preview, kritieke afbeeldingen die met voorrang laden, scripts van derden die pas ná de pagina laden, en een custom Shopify-thema zonder de ballast van een universeel koopthema. Deze aanpak zit standaard in elk bouwtraject, van webshop tot app.

Snelheid en SEO: hoe zwaar weegt het echt?

Sinds de Page Experience-update van 2021 zijn de Core Web Vitals een officiële rankingfactor, maar wel een bescheiden factor: bij vergelijkbare content wint de snellere pagina. Content en autoriteit wegen zwaarder. Wie op positie 40 staat, springt met alleen snelheid niet naar positie 3.

Het echte SEO-effect van website performance is indirecter en groter. Een snelle site wordt vaker volledig gecrawld, houdt bezoekers langer vast en stuurt daarmee betere gebruikssignalen terug. En elke bezoeker die wél blijft, kan converteren: het conversie-effect van snelheid is vele malen groter dan het rankingeffect. Snelheid is bovendien maar één kant van technische vindbaarheid; de andere kant zijn de verborgen SEO-valkuilen van je Shopify-store.

Benieuwd hoe jouw webshop scoort?

Doe de gratis webshop-analyse: je ziet binnen een paar minuten je Core Web Vitals, de grootste snelheidskillers en wat het oplevert om ze op te lossen. Liever meteen schakelen? Plan een vrijblijvende call, dan lopen we samen door het rapport.

Klaar om jouw webshop naar het volgende niveau te tillen?

Contact ons