Waarom website performance ertoe doet
Google gebruikt Core Web Vitals als ranking factor. Een trage website scoort lager in de zoekresultaten en verliest bezoekers.
De cijfers:
53% verlaat een pagina die langer dan 3 seconden laadt
1 seconde vertraging = 7% minder conversies
Google meet: LCP, FID/INP en CLS
Stap 1: Optimaliseer afbeeldingen
Afbeeldingen zijn verantwoordelijk voor 50-80% van het paginagewicht.
Gebruik WebP of AVIF formaat (30-50% kleiner dan JPEG)
Implementeer lazy loading — laad alleen zichtbare afbeeldingen
Specificeer width en height — voorkom layout shifts (CLS)
Gebruik responsive images met srcset
Stap 2: Minimaliseer JavaScript
Code splitting — laad alleen de JavaScript die nodig is per pagina
Tree shaking — verwijder ongebruikte code automatisch
Defer non-critical scripts — laad analytics en chat widgets later
Bundle analyse — identificeer grote dependencies
Stap 3: Server-side rendering (SSR) of Static Generation (SSG)
Met Next.js kun je pagina's vooraf renderen:
SSG — pagina's worden gebuild als HTML (snelst)
SSR — pagina's worden gerendered per request
ISR — statische pagina's die periodiek vernieuwen
Stap 4: Caching strategie
Browser caching — static assets (CSS, JS, images) cachen voor 1 jaar
CDN — serveer content vanaf de dichtstbijzijnde locatie
API caching — cache veelgevraagde data
Stap 5: Font optimalisatie
Gebruik font-display: swap — toon fallback font tijdens laden
Preload kritieke fonts
Beperk het aantal font-varianten (2-3 max)
Overweeg variable fonts
Stap 6: Verwijder render-blocking resources
Critical CSS inline in de head
Async/defer voor non-critical JavaScript
Preconnect naar externe domeinen
Stap 7: Monitor continu
Google PageSpeed Insights — mits per pagina
Lighthouse — in Chrome DevTools
Web Vitals — real user monitoring
Wil je je website sneller maken? We doen een gratis performance audit.