Elke seconde extra laadtijd kost je bezoekers en conversies. Site speed is bovendien een directe ranking factor. Hier zijn 15 concrete tips om je website sneller te maken.
Afbeeldingen optimaliseren
1. Comprimeer afbeeldingen
Afbeeldingen zijn vaak de grootste boosdoener. Gebruik tools als TinyPNG, Squoosh of ImageOptim om bestandsgrootte te reduceren zonder kwaliteitsverlies.
2. Gebruik moderne formaten
WebP en AVIF bieden betere compressie dan JPEG en PNG. De meeste browsers ondersteunen deze formaten inmiddels.
3. Implementeer lazy loading
Laad afbeeldingen pas als ze in beeld komen. Voeg 'loading="lazy"' toe aan je img-tags.
4. Geef afbeeldingen dimensies
Specificeer altijd width en height attributen om layout shifts te voorkomen.
Server en hosting
5. Kies snelle hosting
Goedkope shared hosting is vaak traag. Overweeg VPS, managed WordPress hosting of een moderne Jamstack setup.
6. Gebruik een CDN
Een Content Delivery Network serveert content vanaf servers dicht bij je bezoekers. Cloudflare biedt een gratis tier.
7. Schakel GZIP/Brotli compressie in
Comprimeer tekst-bestanden (HTML, CSS, JS) voor snellere overdracht. Brotli is de moderne, efficientere variant.
Code optimalisatie
8. Minimaliseer CSS en JavaScript
Verwijder whitespace en comments uit productie-code. Build tools doen dit automatisch.
9. Verwijder ongebruikte code
Audit je CSS en JavaScript op ongebruikte regels. Tools als PurgeCSS helpen hierbij.
10. Defer non-critical JavaScript
Gebruik 'defer' of 'async' attributen voor scripts die niet direct nodig zijn voor de eerste render.
Caching
11. Browser caching configureren
Stel cache headers in zodat browsers assets niet steeds opnieuw hoeven te laden.
12. Gebruik page caching
Cache complete paginas op server-niveau. WordPress plugins als WP Super Cache of W3 Total Cache helpen hierbij.
Fonts en externe resources
13. Optimaliseer webfonts
Host fonts lokaal, gebruik font-display: swap, en laad alleen de varianten die je nodig hebt.
14. Beperk externe scripts
Elke externe resource (tracking pixels, widgets, etc.) vertraagt je site. Audit en verwijder wat je niet echt nodig hebt.
15. Preconnect naar belangrijke domeinen
Gebruik <link rel="preconnect"> voor externe domeinen waarvan je weet dat ze geladen worden.
Meet en monitor
Test regelmatig met:
- Google PageSpeed Insights
- GTmetrix
- WebPageTest
- Chrome DevTools Network tab