# Waarom website snelheid alles is in 2026

## De harde cijfers

Google's eigen onderzoek is glashelder: **53% van mobiele bezoekers verlaat een pagina die langer dan 3 seconden laadt**. Amazon berekende dat elke 100ms extra laadtijd hen 1% omzet kost. Voor een MKB-site vertaalt zich dat direct naar gemiste leads en omzet.

Sinds 2021 zijn Core Web Vitals een officiële rankingfactor. In 2026 is dat alleen maar strenger geworden. Je site kan nog zo mooi zijn  - als de Largest Contentful Paint (LCP) boven de 2,5 seconden zit, rangschikt Google je lager.

## De drie pijlers van snelheid

### 1. Largest Contentful Paint (LCP)

Dit meet hoe snel het grootste zichtbare element laadt. Denk aan je hero-afbeelding of heading. Doel: **onder 2,5 seconden**.

**Quick wins:**
- Gebruik WebP of AVIF in plaats van PNG/JPEG
- Lazy-load alles onder de fold
- Preload je hero-afbeelding met `<link rel="preload">`
- Gebruik een CDN (Vercel, Cloudflare)

### 2. Cumulative Layout Shift (CLS)

Irritante layout-verschuivingen terwijl de pagina laadt. Doel: **onder 0,1**.

**Quick wins:**
- Geef afbeeldingen altijd `width` en `height` attributen
- Reserveer ruimte voor dynamische content
- Vermijd fonts die layout shifts veroorzaken (gebruik `font-display: swap`)

### 3. Interaction to Next Paint (INP)

Vervangt First Input Delay sinds maart 2024. Meet hoe snel je site reageert op interactie. Doel: **onder 200ms**.

**Quick wins:**
- Vermijd zware JavaScript op de main thread
- Gebruik `requestAnimationFrame` voor animaties
- Splits grote bundles met code splitting

## De tech stack maakt het verschil

Niet elk framework is gelijk. Een React SPA met client-side rendering scoort standaard slechter dan een statische site. Maar met de juiste aanpak  - Vite voor bundling, tree-shaking, lazy routes  - haal je alsnog 90+ op Lighthouse.

Bij Web Design by Kick bouwen we met **React + Vite + Tailwind**. De combinatie levert:
- Kleine bundles door tree-shaking
- Instant HMR tijdens development
- Tailwind purget ongebruikte CSS automatisch

## Meten is weten

Test je site regelmatig met:
- **Google PageSpeed Insights**  - de officiële Core Web Vitals test
- **WebPageTest**  - gedetailleerde waterfall analyse
- **Lighthouse in Chrome DevTools**  - lokaal testen tijdens development
- **CrUX Dashboard**  - echte gebruikersdata over 28 dagen

## Conclusie

Snelheid is geen technisch detail  - het is een businessfactor. Elke seconde telt. Begin met het meten van je huidige scores, pak de quick wins, en bouw structureel snel.

---

## Bronnen

- [Web Vitals  - Google](https://web.dev/vitals/)
- [The Need for Speed  - Amazon](https://www.gigaspaces.com/blog/amazon-found-every-100ms-of-latency-cost-them-1-in-sales)
- [Core Web Vitals as Ranking Signal  - Google Search Central](https://developers.google.com/search/docs/appearance/core-web-vitals)
- [INP replaces FID  - Chrome Developers](https://developer.chrome.com/blog/inp-cwv-launch)

---

Bron: https://webdesign.bykick.nl/blog/waarom-website-snelheid-alles-is