Een trage website kost u bezoekers, conversies en Google-posities. Elke seconde extra laadtijd kost gemiddeld 7% conversie. De pijnlijke realiteit: de meeste Nederlandse websites scoren onder de 50 op mobiel. Hier leest u hoe u dat structureel oplost.
Waarom PageSpeed zo belangrijk is
Google gebruikt Core Web Vitals als directe rankingfactor. Maar het gaat niet alleen om rankings: een trage website frustreert bezoekers en schaadt conversies direct.
| Laadtijd | Effect op conversie | Effect op bounce |
|---|---|---|
| 1 seconde | Baseline | Baseline |
| 3 seconden | -20% conversie | +32% bounce |
| 5 seconden | -35% conversie | +90% bounce |
| 10 seconden | -123% conversie | +123% bounce |
Bron: Google/Deloitte 2023 onderzoek
De drie Core Web Vitals uitgelegd
LCP: Largest Contentful Paint
LCP meet hoe snel het grootste zichtbare element van de pagina is geladen, meestal een hero-afbeelding of een grote kop.
- Goed: onder 2,5 seconden
- Verbetering nodig: 2,5 – 4,0 seconden
- Slecht: boven 4,0 seconden
Verbeterpunten: afbeeldingen optimaliseren, server response time verlagen, render-blocking resources elimineren.
INP: Interaction to Next Paint
INP verving FID als maatstaf voor interactiviteit in 2024. Het meet hoe snel de pagina reageert op gebruikersinteracties zoals klikken en typen.
- Goed: onder 200 milliseconden
- Verbetering nodig: 200 – 500 milliseconden
- Slecht: boven 500 milliseconden
Verbeterpunten: JavaScript optimaliseren, onnodige scripts verwijderen, event handlers efficiënter maken.
CLS: Cumulative Layout Shift
CLS meet hoeveel elementen onverwacht verschuiven tijdens het laden, u kent het: u wilt op een knop klikken, maar die springt net weg.
- Goed: onder 0,1
- Verbetering nodig: 0,1 – 0,25
- Slecht: boven 0,25
Verbeterpunten: afbeeldingen altijd voorzien van width en height, geen content inladen boven bestaande content, font-display: swap gebruiken.
De 7 meest impactvolle optimalisaties
1. Kies het juiste webstack
Het grootste verschil zit in de technologie. Een statische website op Astro of Next.js scoort structureel beter dan een WordPress-site met tientallen plugins. Alle websites die wij bouwen via onze webontwikkeling dienst zijn gebouwd op Astro met een gegarandeerde score van 99/100.
| Platform | Gemiddelde mobile score | Geschikt voor |
|---|---|---|
| Astro (static) | 95-99 | Alle websites |
| Next.js (SSG) | 88-96 | Complexe sites |
| WordPress (geoptimaliseerd) | 55-75 | Bestaande sites |
| WordPress (standaard) | 20-45 | , |
| Shopify | 45-70 | E-commerce |
2. Optimaliseer afbeeldingen
Afbeeldingen zijn verantwoordelijk voor 60-80% van de paginagrootte. Gebruik:
- WebP of AVIF formaten (30-50% kleiner dan JPEG)
loading="lazy"op afbeeldingen buiten de viewportfetchpriority="high"op de LCP-afbeelding- Expliciete
widthenheightom CLS te voorkomen - Responsive images met
srcsetvoor verschillende schermgroottes
3. Elimineer render-blocking resources
CSS en JavaScript die het renderen blokkeren zijn de grootste oorzaak van trage LCP. Aanpak:
- Laad JavaScript asynchroon (
deferofasync) - Inline kritische CSS in de
<head> - Laad niet-kritische CSS met
media="print"en laad dan om naarall - Verwijder ongebruikte CSS en JavaScript
4. Gebruik een CDN
Een Content Delivery Network serveert uw website vanuit een server dicht bij de bezoeker. Voor Nederlandse bezoekers maakt een Amsterdam-datacenter een meetbaar verschil ten opzichte van een server in de VS.
5. Comprimeer met Brotli
Activeer Brotli compressie op uw server (of Gzip als Brotli niet beschikbaar is). Dit verkleint tekstbestanden zoals HTML, CSS en JavaScript met 20 tot 90%.
6. Stel correcte cache-headers in
| Bestandstype | Cache-duur | Reden |
|---|---|---|
| CSS, JS (met hash) | 1 jaar | Bestandsnaam verandert bij update |
| Afbeeldingen | 1 jaar | Veranderen zelden |
| HTML | 0 – 1 uur | Moet actueel blijven |
| Fonts | 1 jaar | Veranderen vrijwel nooit |
7. Verminder Third-party scripts
Elke externe script (chatbot, analytics, social media widget, heatmap) vertraagt uw pagina. Audit welke scripts echt noodzakelijk zijn:
- Gebruik Google Tag Manager om scripts gecentraliseerd te laden
- Laad scripts
asyncofdefer - Overweeg server-side analytics als alternatief voor Google Analytics
Hoe wij 99/100 garanderen
Bij elke website die wij bouwen, garanderen wij een score van minimaal 90/100 op Google PageSpeed Insights op zowel mobiel als desktop. Voor statische sites op Astro halen we standaard 99/100.
Dit is geen bijzaak - maar een harde deliverable, en het eerste wat we controleren voor lancering.
Wilt u uw huidige score weten en hoe u die kunt verbeteren? Bekijk onze website laten maken dienst of vraag direct een gratis PageSpeed-analyse aan.