Terug naar blog
Karel Gustin6 min leestijd

Website snelheid verbeteren: praktische tips

website-snelheidseoperformancepagespeedmkbnext-js
Website snelheid verbeteren: praktische tips

Drie seconden. Zo lang wacht de gemiddelde bezoeker voordat hij wegklikt. Als je website langer laadt, ben je hem kwijt. En Google weet dat ook — snelheid is een officiële rankingfactor.

Toch laden de meeste MKB-websites als een slak. Grote afbeeldingen, trage hosting, verouderde code. Het resultaat: minder bezoekers, minder klanten, minder omzet.

In dit artikel laat ik je zien hoe je je website snelheid meet, welke quick wins je direct kunt toepassen, en wanneer het tijd is voor een grotere ingreep.

Stap 1: Meet je huidige snelheid

Je kunt niet verbeteren wat je niet meet. Gebruik deze gratis tools om te zien waar je staat:

Google PageSpeed Insights

Ga naar pagespeed.web.dev en vul je URL in. Je krijgt een score van 0 tot 100 voor zowel mobiel als desktop, plus concrete aanbevelingen.

Wat de scores betekenen:

  • 90-100: Uitstekend. Weinig te verbeteren.
  • 50-89: Gemiddeld. Er zijn duidelijke verbeterpunten.
  • 0-49: Slecht. Dit kost je actief bezoekers en Google-posities.

Let op: de mobiele score is bijna altijd lager dan desktop. Dat is normaal, maar focus op de mobiele score — die gebruikt Google voor je ranking.

GTmetrix

Ga naar gtmetrix.com voor een meer gedetailleerde analyse. GTmetrix laat precies zien welke bestanden lang laden en geeft een waterval-diagram van je laadproces.

Core Web Vitals

Google meet drie specifieke dingen:

  • LCP (Largest Contentful Paint): Hoe snel het grootste zichtbare element laadt. Moet onder 2,5 seconden.
  • INP (Interaction to Next Paint): Hoe snel je site reageert op een klik. Moet onder 200 milliseconden.
  • CLS (Cumulative Layout Shift): Hoeveel de pagina verspringt tijdens het laden. Moet onder 0,1.

Deze drie metrics vind je terug in PageSpeed Insights en in Google Search Console.

Stap 2: Quick wins (vandaag te fixen)

Deze verbeteringen kosten weinig moeite en leveren direct resultaat op.

Afbeeldingen comprimeren

Impact: Hoog | Moeite: Laag

Afbeeldingen zijn bijna altijd de grootste boosdoener. Een foto van 3MB die je rechtstreeks van je camera uploadt? Die hoeft maar 150KB te zijn.

Wat te doen:

  • Gebruik TinyPNG of Squoosh om afbeeldingen te comprimeren
  • Gebruik het WebP-formaat in plaats van JPEG of PNG (30-50% kleiner bij dezelfde kwaliteit)
  • Maak afbeeldingen niet groter dan ze worden weergegeven. Een banner van 1920px breed hoeft geen 4000px breed bestand te zijn

Bij een gemiddelde MKB-website met 10-15 afbeeldingen kun je al snel 5-10MB besparen. Dat scheelt seconden laadtijd.

Browser caching instellen

Impact: Gemiddeld | Moeite: Laag

Zonder caching downloadt een terugkerende bezoeker elke keer alles opnieuw. Met caching onthoudt de browser bestanden die niet veranderd zijn.

Bij WordPress kun je dit instellen met een plugin als WP Super Cache of W3 Total Cache. Bij andere systemen moet je het in je server-configuratie aanpassen.

Onnodige plugins verwijderen (WordPress)

Impact: Gemiddeld tot Hoog | Moeite: Laag

Elke WordPress-plugin voegt code toe die geladen moet worden. Sommige plugins laden zelfs scripts op elke pagina, ook als ze daar niet nodig zijn.

Loop je plugins door en stel jezelf bij elke plugin de vraag: gebruik ik dit echt? Zo niet: deactiveren en verwijderen. Het is niet ongewoon om na een opschoonactie 3-5 plugins te verwijderen en een merkbare snelheidswinst te zien.

Render-blokkerende CSS en JavaScript verminderen

Impact: Gemiddeld | Moeite: Gemiddeld

Sommige bestanden blokkeren het laden van je pagina. De browser stopt met renderen totdat die bestanden klaar zijn.

Praktische stappen:

  • Verplaats niet-essentieel JavaScript naar de footer
  • Gebruik async of defer attributen op script-tags
  • Laad CSS die niet direct zichtbaar is asynchroon

PageSpeed Insights vertelt je precies welke bestanden het probleem veroorzaken.

Stap 3: Grotere verbeteringen

Als de quick wins niet genoeg zijn, zijn dit de volgende stappen.

Upgrade je hosting

Impact: Hoog | Kosten: €10-50/maand extra

De goedkoopste shared hosting (denk aan die €2,99/maand aanbiedingen) deelt een server met honderden andere websites. Als een van die sites een piek heeft, wordt jouw site trager.

Opties van snel naar snelst:

  • Betere shared hosting: TransIP, Antagonist (€5-15/maand)
  • VPS: Meer resources, minder buren (€15-30/maand)
  • Managed WordPress hosting: Kinsta, WP Engine (€25-50/maand)
  • Edge/CDN hosting: Vercel, Cloudflare Pages (gratis tot €20/maand)

De laatste optie — edge hosting — is wat wij gebruiken. Je website wordt geserveerd vanaf een server die fysiek dicht bij je bezoeker staat. Een bezoeker in Amsterdam krijgt de site vanuit een datacenter in Amsterdam, niet vanuit een kelder in Texas.

Gebruik een CDN (Content Delivery Network)

Impact: Gemiddeld tot Hoog | Kosten: Gratis tot €20/maand

Een CDN kopieert je website naar servers wereldwijd. Bezoekers laden de site vanaf de dichtstbijzijnde server.

Cloudflare biedt een gratis CDN dat je voor elke website kunt inschakelen. Het scheelt gemiddeld 30-50% op laadtijd voor bezoekers buiten de regio van je server.

Minimaliseer je code

Impact: Gemiddeld | Moeite: Hoog (tenzij je het automatiseert)

CSS- en JavaScript-bestanden bevatten vaak witruimte, comments en ongebruikte code. Minificatie verwijdert dat allemaal.

Bij WordPress regelen plugins als Autoptimize dit. Bij een custom website doe je dit met build-tools als Webpack of Vite.

De structurele oplossing: een moderne tech stack

Alle bovenstaande tips zijn pleisters op een wond als je onderliggende technologie verouderd is. WordPress met 20 plugins op goedkope hosting optimaliseren is als een Fiat Panda opvoeren — je kunt het proberen, maar het blijft een Fiat Panda.

Moderne frameworks als Next.js lossen de meeste snelheidsproblemen structureel op:

  • Automatische code-splitting: Alleen de code die nodig is voor de huidige pagina wordt geladen
  • Afbeelding-optimalisatie: Ingebouwde component die afbeeldingen automatisch comprimeert, in WebP serveert en lazy-load toepast
  • Static generation: Pagina's worden vooraf gegenereerd als statische HTML. Geen server die bij elk bezoek de pagina opnieuw moet opbouwen
  • Edge deployment: Automatisch gehost op een wereldwijd CDN

Het resultaat? Websites die standaard 95-100 scoren op PageSpeed Insights. Zonder trucjes, plugins of eindeloos optimaliseren.

Hoeveel snelheid kost je echt?

Dit zijn geen theoretische cijfers:

  • 1 seconde extra laadtijd = 7% minder conversies (bron: Akamai)
  • 53% van mobiele bezoekers verlaat een site die langer dan 3 seconden laadt (bron: Google)
  • Amazon berekende dat 100ms extra laadtijd hen 1% omzet kostte

Voor een MKB-website die 500 bezoekers per maand krijgt, betekent 1 seconde sneller laden potentieel 35 extra conversies per maand. Hoeveel is dat waard voor jouw bedrijf?

Samenvatting: je actieplan

  1. Vandaag: Test je snelheid op PageSpeed Insights. Noteer je score.
  2. Deze week: Comprimeer je afbeeldingen en verwijder onnodige plugins.
  3. Deze maand: Stel caching in en overweeg een hosting-upgrade.
  4. Dit kwartaal: Evalueer of je huidige tech stack je beperkt — en of een moderne website de betere investering is.

Snelheid is geen luxe. Het is de basis van een website die werkt.

Klaar voor een website die standaard razendsnel is?

Onze websites scoren 95+ op Google PageSpeed, laden in minder dan 1 seconde, en zijn gebouwd met de nieuwste technologie. Binnen 24 uur live, vanaf €399.

Start je website →

Professionele website nodig?

Wij bouwen jouw website in 24 uur. AI-powered, handmade kwaliteit.

Start nu