Een trage website kost je drie keer: minder bezoekers blijven hangen, minder bezoekers worden klant, en Google geeft je een lagere positie. Snelheid is geen technisch detail meer, het is een directe rankingfactor. Deze gids legt uit hoe Google snelheid meet, welke optimalisaties echt werken en hoe je het zelf controleert.
Tot 2010 was snelheid voor Google een nice-to-have. Sinds 2018 is mobiele snelheid een directe rankingfactor. Sinds 2021 zijn de Core Web Vitals onderdeel van het algoritme. De reden is simpel: Google wil de beste resultaten tonen, en een resultaat dat de gebruiker frustreert door traag te zijn, is geen goed resultaat.
De cijfers achter die beslissing zijn behoorlijk hard. Onderzoek van Google zelf toont dat de kans dat een mobiele bezoeker afhaakt 32% stijgt als de laadtijd van 1 naar 3 seconden gaat, en 90% stijgt bij een sprong van 1 naar 5 seconden. Voor e-commerce: elke seconde extra laadtijd verlaagt de conversie met gemiddeld 7%.
Voor jou als ondernemer betekent dat: snelheid optimaliseren is geen technische luxe maar een commerciele noodzaak. En het effect is dubbel. Je rankt hoger, en de bezoekers die binnenkomen converteren beter. Voor de bredere context, lees onze complete gids voor hoger scoren in Google.
Core Web Vitals zijn drie technische metingen die Google gebruikt om gebruikerservaring objectief te meten. Elk meet een ander aspect van laadprestaties.
LCP meet hoe snel het grootste zichtbare element op je pagina geladen is. Meestal is dat een hero afbeelding, een grote titel of een banner. Google ziet LCP als hét moment waarop een gebruiker voelt dat de pagina "klaar" is.
De meest voorkomende oorzaken van trage LCP: zware ongeoptimaliseerde afbeeldingen, render-blocking CSS en JavaScript, trage hosting, en lazy-loading op de hero afbeelding (die hoort juist niet lazy te zijn).
INP vervangt sinds 2024 de oudere First Input Delay metric. Het meet hoe snel je site reageert op interactie: een klik, een tik, een toetsindruk. Een trage knop of input frustreert direct.
INP wordt meestal slecht door JavaScript dat te lang de main thread blokkeert. Zware analytics scripts, oude jQuery plugins, of alles wat synchroon draait tijdens een klik kan deze score verpesten.
CLS meet hoeveel elementen op de pagina verspringen tijdens het laden. Als je net iets wil aanklikken en de hele pagina schuift door een afbeelding die laat laadt, dan heeft die pagina hoge CLS.
CLS verminder je door expliciete dimensies op afbeeldingen en video's, gereserveerde ruimte voor ads en embeds, en geen content die boven bestaande content wordt geinjecteerd na rendering.
Je hoeft alle drie de Vitals niet perfect te krijgen. Google geeft een ranking-boost als alle drie in het groen zitten. Een ranking-penalty zit pas in zicht als meerdere in het rood staan.
Snelheid optimaliseren voelt soms als technisch geneuzel met onduidelijke ROI. De cijfers zijn duidelijker dan de meeste denken.
| Laadtijd | Bounce rate stijging | Conversie impact |
|---|---|---|
| 1 seconde | Basis | Basis |
| 3 seconden | +32% afhakers | 20% lager |
| 5 seconden | +90% afhakers | 40% lager |
| 10 seconden | +123% afhakers | Praktisch nul conversie |
Voor een dienstverlener met 1000 organische bezoeken per maand en een conversie van 3%, is dat een verschil tussen 30 leads per maand bij een snelle site versus 18 leads bij een trage site. Op jaarbasis 144 gemiste leads, voor wat in veel gevallen een paar uur optimalisatiewerk is.
Voor je begint te optimaliseren, moet je weten waar je staat. Drie tools die elk een andere invalshoek geven.
De standaard tool. Gratis, snel en vanuit Google's eigen perspectief. Test je URL op zowel mobiel als desktop. Geeft een score van 0 tot 100, plus de Core Web Vitals waarden, plus concrete adviezen voor verbetering.
Belangrijk om te weten: de score is een schatting gebaseerd op een gesimuleerde Moto G Power op een trage 4G verbinding. Zoekers met snellere telefoons en wifi ervaren je site sneller. Maar als je hier 90 haalt, ben je voor iedereen snel genoeg.
In Google Search Console vind je het rapport "Core Web Vitals". Dat toont je echte data van je echte bezoekers, gegroepeerd per type pagina. Veel bruikbaarder dan een lab-test omdat het laat zien hoe je site daadwerkelijk presteert in het wild. Pagina's die in het rood staan, zijn pagina's waar Google je positie kan laten dalen.
Voor diepgaande analyse: open je site in Chrome, druk F12, ga naar het Performance tabblad en klik record terwijl je de pagina herlaadt. Je krijgt een gedetailleerde tijdlijn van wat er gebeurt: welk script blokkeert, welke afbeelding traag is, waar de main thread staat te wachten. Steile leercurve, maar onmisbaar als je echt wil optimaliseren.
Niet alle optimalisaties zijn even waardevol. Hieronder de zes ingrepen die in de praktijk het grootste verschil maken, op volgorde van impact.
Op de meeste websites zijn afbeeldingen 60 tot 80% van het totale gewicht. Een 5MB hero afbeelding terugbrengen naar 200KB is mogelijk zonder zichtbaar kwaliteitsverlies. Drie ingrepen.
loading="lazy" zodat ze pas laden als de gebruiker er naartoe scrollt. Behalve de hero afbeelding, die moet juist eager laden.CSS bestanden in de head blokkeren standaard het renderen van de pagina tot ze gedownload zijn. Voor critical CSS is dat gewenst. Voor secundaire stylesheets zoals een cookie banner of een floating CTA, niet.
Oplossing: critical CSS inline in de head, niet-critical CSS asynchroon laden via media queries of preload-pattern. Resultaat: First Contentful Paint snelheidswinst van 500 tot 1500 milliseconden.
Scripts in de head zonder defer of async blokkeren render. Met defer wachten ze tot het HTML klaar is. Met async draaien ze zodra ze gedownload zijn maar zonder volgorde garanties. Voor analytics en third-party tracking is async meestal goed. Voor je eigen site-JS gebruik je defer.
Hosting bepaalt je Time to First Byte (TTFB). Een goedkope shared host buiten Europa voegt makkelijk 500 milliseconden toe aan elke laadtijd. Voor Vlaamse bezoekers: kies een host met servers in Belgie, Nederland of Frankrijk. Vermijd de absolute budget-tier shared hosting.
Browser caching laat terugkerende bezoekers je assets niet opnieuw downloaden. Server caching voorkomt dat je server bij elke pagina opnieuw rekent. Beide samen kunnen herhaal-bezoeken vijf tot tien keer sneller maken. Configureer Cache-Control headers voor minstens 30 dagen op statische assets.
Een Content Delivery Network plaatst kopieen van je statische bestanden op servers verspreid over de wereld. Voor Belgische bezoekers minder dramatisch dan voor wereldwijd verkeer, maar nog altijd 100 tot 300ms winst op assets. Cloudflare en Bunny CDN hebben gratis of goedkope plans die voor de meeste sites volstaan.
Optimaliseren is half het werk. De andere helft is fouten vermijden die de score onnodig laag houden.
Page builders zoals Elementor of Divi voegen tientallen kilobytes JavaScript en CSS toe aan elke pagina, ook als je ze niet gebruikt. Voor een eenvoudige site is dat een onnodige rem. Custom code laadt alleen wat nodig is.
Vier fontfamilies in zes wegingen elk is 24 fontbestanden, samen makkelijk 1MB. Beperk je tot een of twee fontfamilies in twee of drie wegingen. Gebruik font-display: swap zodat tekst zichtbaar is voor de fonts geladen zijn.
Elke plugin voegt code toe die uitgevoerd moet worden. Audit je plugin-lijst regelmatig: wat gebruik je echt, wat is rest van een experiment, wat doet hetzelfde als iets anders dat je al hebt.
De hero afbeelding is bijna altijd je Largest Contentful Paint. Lazy loading erop zetten saboteert je LCP score. Hero afbeeldingen krijgen loading="eager" en idealiter fetchpriority="high".
Een img tag zonder width en height attribuut zorgt voor layout shifts wanneer de afbeelding laadt. Slecht voor CLS. Voeg altijd dimensies toe, browser kan dan ruimte reserveren.
Een chat widget, een review widget, een tracking pixel, een advertentie script. Elk apart misschien onschuldig, samen kunnen ze je INP volledig kapot maken. Audit wat echt nodig is en defer wat dat toelaat.
Concrete drempels: laadtijd onder 3 seconden op mobiel, PageSpeed Insights score boven 70 voor mobile, en alle drie de Core Web Vitals in het groen. Die combinatie haalt je in het gebied waar Google je niet meer afstraft op snelheid. Voor competitieve niches mik je hoger: onder 2 seconden en score boven 90.
Drie metingen die Google gebruikt om gebruikerservaring te meten: Largest Contentful Paint (LCP, hoe snel de hoofdcontent zichtbaar is), Interaction to Next Paint (INP, hoe snel je site reageert op klikken), en Cumulative Layout Shift (CLS, hoeveel elementen tijdens het laden verspringen). Goede waarden: LCP onder 2.5s, INP onder 200ms, CLS onder 0.1.
Ja, behoorlijk. Hosting bepaalt de Time to First Byte: hoelang het duurt voor de eerste bytes van je pagina je bezoekers bereiken. Een goedkope shared host in een ander continent voegt makkelijk 500ms toe aan elke laadtijd. Kies hosting met servers in Europa als je Vlaamse klanten bedient, en geef wat extra geld uit aan een dedicated of high-tier shared plan boven de absolute budget tier.
WordPress zelf is niet traag, de problemen komen meestal van overbelasting. Tien plugins en een zwaar thema voegen samen 1 tot 2 MB aan code toe die elke pagina laadt. Een lichte WordPress site met minimale plugins kan prima snel zijn. Custom built sites zonder die overhead halen wel structureel betere scores.
First Contentful Paint (FCP) is wanneer iets zichtbaar wordt op de pagina, ongeacht hoe groot. Largest Contentful Paint (LCP) is wanneer het grootste content-element (vaak een hero afbeelding of titel) klaar is. LCP is wat Google gebruikt voor ranking. FCP is een sub-meting die helpt om te diagnosticeren waar tijd verloren gaat.
Mits goed geconfigureerd, ja. Een CDN met Europese edge nodes (Cloudflare, Bunny, Fastly) plaatst kopieen van je statische bestanden dichter bij je bezoekers. Voor Belgische gebruikers is het effect minder dramatisch dan voor wereldwijd verkeer, maar nog altijd 100 tot 300ms winst op assets als afbeeldingen en CSS.
Deze gids is een onderdeel van onze SEO content cluster. Voor de bredere context kan je deze artikelen ook bekijken:
Bij Grafix Studio bouwen we websites met snelheid als basisprincipe, niet als afterthought. Custom code, schone architectuur, snelle Europese hosting. Vraag een vrijblijvend gesprek aan.