Een trage website maakt het moeilijker om pagina’s te bekijken en acties uit te voeren. Snelheid kan ook bijdragen aan de algemene pagina-ervaring. Meet daarom eerst waar de vertraging ontstaat en optimaliseer daarna de onderdelen die voor echte bezoekers het meeste verschil maken.
Meet eerst de prestaties van je website
PageSpeed Insights combineert waar beschikbaar praktijkgegevens van echte Chrome-gebruikers met een gesimuleerde Lighthouse-test. De uitkomsten kunnen verschillen per apparaat, netwerk en testmoment. Kijk daarom niet alleen naar één laboratoriumscore.
De huidige Core Web Vitals zijn Largest Contentful Paint (LCP), Interaction to Next Paint (INP) en Cumulative Layout Shift (CLS). De aanbevolen grenzen voor een goede ervaring zijn een LCP van maximaal 2,5 seconden, een INP van maximaal 200 milliseconden en een CLS van maximaal 0,1, beoordeeld op het 75e percentiel van bezoeken.
1. Controleer hosting en serverreactie
Een trage serverreactie vertraagt alles wat daarna moet laden. Controleer de responstijd, servercapaciteit, PHP-versie, database en afstand tot je belangrijkste bezoekers. Een beter hostingplan kan helpen, maar lost geen zware pagina’s of inefficiënte code op.
- Kies hosting die past bij het verkeer en de techniek van je website.
- Gebruik actuele software en monitoring.
- Overweeg een CDN wanneer bezoekers geografisch verspreid zijn.
2. Optimaliseer afbeeldingen
Grote afbeeldingen zijn vaak een belangrijke bron van onnodige downloads. Lever elke afbeelding in passende afmetingen en gebruik responsieve varianten. WebP en AVIF bieden doorgaans betere compressie dan oudere formaten, terwijl JPEG of PNG als terugvaloptie bruikbaar kan blijven.
- Comprimeer afbeeldingen zonder zichtbare kwaliteitsproblemen.
- Gebruik WebP of AVIF wanneer de website en browsers dit ondersteunen.
- Laat afbeeldingen onder de eerste schermweergave uitgesteld laden.
- Laad de belangrijkste afbeelding bovenaan niet onnodig lui, omdat dit LCP kan vertragen.
3. Stel caching zorgvuldig in
Caching bewaart herbruikbare bestanden of paginaresultaten, zodat niet elk verzoek volledig opnieuw hoeft te worden opgebouwd. Browsercaching, paginacaching en een CDN kunnen elk een ander deel van het laadproces versnellen.
- Configureer caching op basis van het type inhoud.
- Wis of vernieuw de cache wanneer inhoud verandert.
- Test formulieren, winkelmandjes en ingelogde pagina’s na elke cachewijziging.
4. Beperk zware CSS, JavaScript en externe scripts
Ongebruikte CSS, grote JavaScript-bundels, trackingcodes, lettertypes en externe widgets kunnen de weergave of interactie vertragen. Verwijder wat niet nodig is, laad niet-kritieke code later en controleer vooral scripts die op elke pagina worden toegevoegd.
5. Onderzoek WordPress-thema’s en plugins
Niet alleen het aantal plugins telt. Eén slecht geoptimaliseerde plugin kan meer vertraging veroorzaken dan meerdere lichte plugins. Meet verzoeken, databasequeries en scripts voordat je iets verwijdert. Gebruik onderhouden plugins en een thema dat alleen de benodigde functies laadt.
Streef naar een betere ervaring, niet alleen naar 100/100
Een groene PageSpeed-laboratoriumscore van 90 of hoger geldt als goed, maar garandeert niet dat elke bezoeker dezelfde ervaring heeft. Vergelijk laboratoriumgegevens met praktijkgegevens en volg LCP, INP en CLS over een langere periode. Een stabiele verbetering voor bezoekers is belangrijker dan één perfecte test.
