8 min lezen · Bijgewerkt 31 juli 2026 · Door Niels Rigter
Kort antwoord
Je site voelt traag als de grootste content te laat verschijnt, interactie hapert of de pagina verspringt. In Next.js komt dat vaak door te veel client-side werk, trage API’s of ongeoptimaliseerde images.
Eerst meten, dan de grootste bottleneck fixen. Niet blind plugins of cache-lagen stapelen.
Hoe traagheid zich uit
- Lange witruimte voordat de pagina inhoud toont (LCP)
- Klikken voelt traag of blokkeert (INP)
- Layout springt tijdens laden (CLS)
- Navigatie tussen pagina’s voelt zwaar door grote bundles
Veelvoorkomende oorzaken in Next.js
Te veel Client Components: logica die op de server kan, sleept JS naar de browser.
Zware bundles: grote libraries, onnodige client state, ongebruikte code.
Trage data-fetching: waterfalls, te brede queries, geen caching.
Media: grote images zonder juiste formaten, sizes of priority-hints.
Slechte hosting of koude starts: serverrespons (TTFB) remt alles af.
Meten: lab vs veld
Lighthouse is nuttig voor diagnose, maar velddata (CrUX / Search Console) zegt meer over echte gebruikers. Verbeteringen in lab zie je sneller; veldmetrics volgen later.
Meet altijd vóór en na een fix. Anders optimaliseer je op gevoel.
Fix-volgorde die werkt
1. Meten
Pak LCP/INP/CLS en server timing. Noteer de top-3 problematische pagina’s.
2. Grootste bottleneck eerst
Vaak: hero-image, trage API, of een te zware client bundle. Eén grote winst slaat tien micro-fixes.
3. Rendering en caching
Zet werk terug naar de server waar het kan. Cache wat stabiel is. Voorkom dubbele fetches.
4. Borgen
Houd budgets of monitoring bij, zodat de volgende feature de winst niet opheft.
Wat je zelf kunt checken
- Zijn images enorm groot of als PNG waar WebP/AVIF kan?
- Laadt de homepage tientallen scripts van derden?
- Voelt alleen één pagina traag, of de hele app?
- Is er een staging-omgeving om veilig te testen?
Wanneer ik kan helpen
Als je Core Web Vitals onder druk staan of gebruikers klagen over snelheid, kan ik gericht performance- en technische SEO-werk doen in Next.js. Geen contentbureau: wel meetbare technische verbeteringen.