Drie seconden. Dat is de tijd die je hebt voordat meer dan de helft van je bezoekers afhaakt als je website te langzaam laadt. Geen tweede kans, geen genade. De bezoeker klikt weg en gaat naar een concurrent die sneller is.
Website snelheid optimaliseren is niet alleen een technisch detail voor developers. Het is een directe zakelijke prioriteit die impact heeft op je Google-ranking, je conversieratio en de ervaring die bezoekers hebben met jouw merk. In dit artikel leggen we uit waarom snelheid zo belangrijk is, hoe je het meet, en wat je kunt doen om je website sneller te maken.
De cijfers die je moet weten
Laten we beginnen met wat onderzoek zegt over de impact van laadsnelheid:
- ▸53% van mobiele bezoekers verlaat een website die langer dan 3 seconden laadt (Google)
- ▸Elke seconde extra laadtijd verlaagt de conversieratio met 4 tot 7%
- ▸Een laadtijd van 1 seconde heeft een 3x hogere conversieratio dan een laadtijd van 5 seconden (Portent)
- ▸Websites die laden in onder 2 seconden hebben gemiddeld een bouncepercentage van 9%, tegenover 38% bij websites die 5 seconden laden
- ▸Amazon berekende dat elke 100 milliseconden extra laadtijd 1% omzetdaling kost. Voor een MKB bedrijf met 50.000 euro online omzet per jaar is dat 500 euro per 100 milliseconden.
Dit zijn geen theoretische cijfers. Snelheid heeft directe, meetbare impact op je bedrijfsresultaten.
Core Web Vitals: wat Google meet
Google heeft drie specifieke maatstaven gedefinieerd die samen de gebruikerservaring van een webpagina beschrijven. Deze Core Web Vitals zijn officieel een rankingfactor in het Google-algoritme. Scoor je slecht, dan word je lager geplaatst in de zoekresultaten.
- ▸Largest Contentful Paint (LCP) De tijd totdat het grootste zichtbare element op de pagina geladen is. Dit is meestal een grote afbeelding of een tekst-heading. Goed: onder 2,5 seconden. Slecht: boven 4 seconden.
- ▸First Input Delay (FID) / Interaction to Next Paint (INP) Hoe snel reageert de pagina wanneer een gebruiker erop klikt of typt? Goed: onder 100 milliseconden voor FID, onder 200 milliseconden voor INP. Slecht: boven 300 milliseconden.
- ▸Cumulative Layout Shift (CLS) Hoe stabiel is de pagina tijdens het laden? Verschuift de tekst of springen knoppen rond terwijl de pagina laadt? Goed: onder 0,1. Slecht: boven 0,25.
Deze drie scores kun je direct meten via Google Search Console (gratis, koppel je website) of via PageSpeed Insights op pagespeed.web.dev.
Hoe meet je de snelheid van je website?
Er zijn meerdere tools die je gratis kunt gebruiken:
- ▸Google PageSpeed Insights (pagespeed.web.dev) Geeft een score van 0 tot 100 voor zowel mobiel als desktop, met gedetailleerde uitleg van wat er mis is en hoe je het kunt oplossen. Dit is de standaard die je moet kennen.
- ▸Google Search Console Als je website gekoppeld is aan Search Console, zie je de Core Web Vitals voor alle pagina's, inclusief historische data. Dit is de echte gemeten data van echte gebruikers.
- ▸GTmetrix (gtmetrix.com) Geeft een waterfall-diagram dat precies laat zien welk onderdeel van je website het langst duurt om te laden. Handig voor diagnose.
- ▸WebPageTest (webpagetest.org) Geavanceerdere tool voor developers, maar ook voor niet-technici bruikbaar. Geeft inzicht in de laadtijd vanuit verschillende locaties en apparaten.
Wat is een goede score? Streef naar 85+ op PageSpeed Insights voor mobiel. Desktop is minder kritiek, maar ook daar geldt: 90+ is goed.
De vijf grootste oorzaken van trage websites
1. Ongeoptimaliseerde afbeeldingen
Dit is de meest voorkomende oorzaak van trage websites. Een foto van 5 megabyte die gecomprimeerd had kunnen worden naar 200 kilobyte zonder zichtbaar kwaliteitsverlies. Vermenigvuldig dat met 20 afbeeldingen op een pagina en je begrijpt het probleem.
Oplossingen: • Gebruik het WebP-formaat in plaats van JPEG of PNG. WebP is 25 tot 35% kleiner bij vergelijkbare kwaliteit. • Comprimeer afbeeldingen voor upload via tools als Squoosh (squoosh.app, gratis) of TinyPNG • Stel de juiste afmetingen in. Een afbeelding die 800 pixels breed wordt weergegeven, hoeft niet 4000 pixels breed te zijn. • Gebruik lazy loading: laad afbeeldingen pas wanneer ze in beeld komen, niet allemaal tegelijk bij het openen van de pagina.
2. Trage hosting
Goedkope shared hosting van 3 tot 5 euro per maand levert trage serverresponstijden op. Je deelt een server met honderden andere websites, en als een van die websites veel verkeer trekt, lijd jij eronder.
De Time to First Byte (TTFB), de tijd voordat je server ook maar begint met antwoorden, is op goedkope hosting vaak 1 tot 3 seconden. Op een kwalitatief hostingplatform als Vercel, Netlify of een goede VPS is dit 50 tot 200 milliseconden.
Investeer in betere hosting als je PageSpeed-score wordt gedomineerd door een slechte TTFB.
3. Te veel scripts en plugins
Elke externe tool die je op je website laadt, voegt laadtijd toe. Google Analytics, Facebook Pixel, Hotjar, een chat-widget, een cookie-banner, social media knoppen, een heatmap-tool: ze kunnen allemaal tientallen tot honderden kilobytes aan JavaScript toevoegen, en ze blokkeren vaak het renderen van de pagina.
Auditeer welke tools je daadwerkelijk gebruikt en verwijder de rest. Combineer waar mogelijk scripts. Laad niet-kritieke scripts asynchroon of deferred zodat ze de eerste paginalading niet blokkeren.
4. Render-blocking resources
CSS- en JavaScript-bestanden die in de head van je pagina staan, worden geladen voordat de pagina zichtbaar wordt. Dit is vaak onnodig. Kritieke CSS (de stijlen voor wat direct zichtbaar is bij het openen van de pagina) kan inline worden opgenomen. De rest kan worden uitgesteld.
Dit is een technisch punt dat je developer moet aanpakken, maar het is de moeite waard om ernaar te vragen.
5. Geen gebruik van caching of CDN
Caching slaat eerder geladen versies op, zodat terugkerende bezoekers de pagina niet opnieuw van de server hoeven te laden. Een Content Delivery Network (CDN) distribueert je website over servers wereldwijd, zodat bezoekers de data ophalen van een server dicht bij hen in de buurt.
Moderne hostingplatformen als Vercel en Netlify doen dit automatisch. Op traditionele WordPress-hosting moet je dit zelf instellen via een caching-plugin en een CDN-service.
Technologiekeuze en snelheid
De technologie waarmee je website is gebouwd heeft een fundamentele impact op de snelheid.
WordPress met standaard plugins: een gemiddelde score van 50 tot 70 op PageSpeed mobiel, afhankelijk van het thema en de plugins.
Next.js met optimale configuratie: consistent 90+ op PageSpeed, dankzij server-side rendering, statische generatie, automatische beeldoptimalisatie en slim code-splitting.
Dit is geen reclame voor Next.js, maar een feitelijk verschil in architectuur. Een modern JavaScript-framework als Next.js is gebouwd met performance als eerste prioriteit. WordPress is gebouwd voor gebruiksgemak en flexibiliteit, niet voor snelheid.
Als je website een centrale rol speelt in het genereren van leads of omzet, is de technologiekeuze een strategische beslissing, geen technisch detail.
Wat levert snelheidsoptimalisatie op?
Laten we een concreet rekenvoorbeeld doorlopen. Je website heeft 2.000 bezoekers per maand. Je huidige laadtijd is 5 seconden, conversieratio is 1,5%, dat zijn 30 leads per maand.
Na optimalisatie laadt de website in 1,5 seconden. Conversieratio stijgt naar 3% (realistisch op basis van onderzoek). Dat zijn 60 leads per maand, het dubbele, zonder een euro extra te investeren in traffic.
Als elke lead gemiddeld 10% kans heeft om klant te worden met een orderwaarde van 3.000 euro, dan is het verschil 3 extra klanten per maand, ofwel 9.000 euro extra omzet per maand.
Eerste stappen die je vandaag kunt zetten
- ▸Meet je huidige score via PageSpeed Insights
- ▸Bekijk welke afbeeldingen niet geoptimaliseerd zijn
- ▸Controleer welke externe scripts je laadt en of ze allemaal nodig zijn
- ▸Vraag je hostingprovider naar de TTFB van je server
- ▸Bekijk in Google Search Console de Core Web Vitals voor je website
Heb je een score onder 70 op mobiel, dan is snelheidsoptimalisatie urgent. Het raakt direct je Google-ranking en je conversieratio.
Bij Arka bouwen we websites die standaard hoog scoren op PageSpeed. Geen gedoe met plugins en optimalisatie achteraf, maar snelheid als onderdeel van de architectuur. Benieuwd wat het voor jouw website betekent? Mail naar info@arkadigital.nl.