Een WordPress website sneller maken begint niet met zomaar allerlei plugins installeren of alle optimalisatieopties tegelijk activeren. Eerst moet duidelijk worden waardoor de website traag is. Pas daarna kun je de juiste onderdelen aanpassen.
Een zware afbeelding vraagt namelijk om een andere oplossing dan trage hosting. Ook kunnen plugins, externe scripts, lettertypes en een slecht ingesteld cachingsysteem invloed hebben op de laadtijd.
Maak voordat je begint een recente back-up. Voer daarna één aanpassing tegelijk uit en controleer steeds opnieuw of de website nog goed werkt op desktop, tablet en mobiel.
Waarom is een WordPress website traag?
Een WordPress-website wordt meestal niet door één enkel onderdeel traag. Vaak gaat het om een combinatie van zware afbeeldingen, trage hosting, onnodige plugins en bestanden die bij ieder bezoek opnieuw moeten worden geladen.
Ook een video, Google Maps-kaart, chatfunctie of uitgebreid lettertype kan extra bestanden van andere servers ophalen. Hoe meer onderdelen de browser moet ophalen en verwerken, hoe langer het kan duren voordat de pagina zichtbaar en bruikbaar is.
Daarom is het belangrijk om niet direct iets te verwijderen of uit te schakelen. Meet eerst welke pagina’s traag zijn en onderzoek welke onderdelen daar de meeste invloed op hebben.
Begin met het meten van de huidige snelheid
1. Test de website met Google PageSpeed Insights
Open pagespeed.web.dev en vul het volledige adres in van de pagina die je wilt testen. Klik daarna op Analyseren.
Test niet alleen de homepage. Controleer ook een belangrijke dienstenpagina, een blogartikel en de contactpagina. Iedere pagina kan andere afbeeldingen, scripts en functies bevatten en daardoor anders presteren.
Bekijk eerst het resultaat voor mobiele apparaten. Een mobiele telefoon heeft vaak een tragere verbinding en minder rekenkracht dan een desktopcomputer. Problemen worden daar meestal sneller zichtbaar.
Google PageSpeed Insights toont onder andere de Core Web Vitals:
LCP laat zien hoe snel het grootste zichtbare onderdeel van de pagina verschijnt. Dit is vaak een grote afbeelding, titel of banner.
INP meet hoe snel de pagina reageert nadat iemand bijvoorbeeld op een knop of menu-item klikt.
CLS controleert of onderdelen tijdens het laden onverwacht verschuiven. Een tekst of knop die plotseling naar beneden springt, kan voor een slechte ervaring zorgen.
Kijk niet alleen naar het cijfer bovenaan. Lees ook welke afbeelding, welk script of welk ander onderdeel volgens het rapport vertraging veroorzaakt. Zo weet je waar je als eerste moet beginnen.
Een uitgebreidere uitleg over het uitvoeren en lezen van deze test vind je in: Google PageSpeed Insights en hoe je jouw website sneller maakt.
Maak afbeeldingen en video’s lichter
2. Verklein afbeeldingen voordat je ze uploadt
Een afbeelding die rechtstreeks uit een camera of telefoon komt, kan veel groter zijn dan nodig. Wanneer een afbeelding op de website maximaal 1.000 pixels breed wordt weergegeven, heeft het meestal geen zin om een bestand van 4.000 pixels breed te uploaden.
Verklein de afmetingen daarom voordat je het bestand aan WordPress toevoegt. Comprimeer de afbeelding daarna met een hulpmiddel zoals TinyPNG of gebruik een betrouwbare plugin die nieuwe afbeeldingen automatisch optimaliseert.
Kies ook een geschikt bestandsformaat. WebP en AVIF kunnen afbeeldingen vaak kleiner maken dan JPEG of PNG, terwijl de zichtbare kwaliteit goed blijft. PNG blijft nuttig voor afbeeldingen die transparantie nodig hebben, maar is niet altijd de beste keuze voor grote foto’s.
Controleer na het verkleinen of tekst, logo’s en belangrijke details nog scherp genoeg zijn. Een kleiner bestand is nuttig, maar een wazige afbeelding maakt de website niet beter.
Meer uitleg over JPEG, PNG, WebP, AVIF en andere formaten staat in: Soorten afbeeldingsformaten voor betere webprestaties.
3. Activeer Lazy Load voor afbeeldingen en video’s
Met Lazy Load worden afbeeldingen en video’s die verder naar beneden staan pas geladen wanneer de bezoeker ernaartoe scrolt. De browser hoeft daardoor niet direct alle media van de volledige pagina op te halen.
WordPress past Lazy Load standaard al toe op veel gewone afbeeldingen. Een optimalisatieplugin kan daarnaast helpen bij iframes en ingesloten video’s, zoals een YouTube-video.
Gebruik je WP Rocket? Ga dan in het WordPress-dashboard naar Instellingen > WP Rocket > Media. Controleer daar de instellingen voor LazyLoad bij afbeeldingen en iframes en video’s.
Voor YouTube-video’s kun je de video in eerste instantie laten vervangen door een voorbeeldafbeelding. De echte videospeler wordt dan pas geladen wanneer iemand op de afbeelding klikt.
Controleer na het activeren vooral de bovenkant van de homepage. Het logo, de eerste grote afbeelding en andere onderdelen die direct zichtbaar moeten zijn, mogen niet te laat verschijnen. Gebeurt dat wel, sluit die specifieke afbeelding dan uit van Lazy Load.
Gebruik caching en laad minder onnodige code
4. Gebruik WP Rocket voor paginacaching
Bij ieder normaal bezoek moet WordPress informatie ophalen uit de database, het thema en verschillende plugins. Daarna wordt daar een complete pagina van gemaakt.
Een cachingplugin bewaart een kant-en-klare versie van die pagina. Bij een volgend bezoek kan de server deze opgeslagen versie tonen, zonder dezelfde werkzaamheden opnieuw uit te voeren.
WP Rocket is een betaalde optimalisatieplugin die na activering automatisch paginacaching toepast. Je vindt de instellingen via Instellingen > WP Rocket.
Gebruik niet meerdere plugins tegelijk voor dezelfde paginacaching. WP Rocket combineren met een tweede volledig ingestelde cachingplugin, zoals LiteSpeed Cache of W3 Total Cache, kan dubbele optimalisatie en conflicten veroorzaken.
Leeg na een belangrijke wijziging de cache via WP Rocket > Cache wissen. Bekijk de website daarna in een privévenster, zodat je niet per ongeluk een oude versie uit je eigen browser ziet.
5. Verwijder CSS die een pagina niet gebruikt
CSS bepaalt hoe onderdelen van de website eruitzien. Denk aan kleuren, afstanden, lettertypes, knoppen en de opbouw van pagina’s.
Thema’s en plugins laden soms CSS voor functies die op een bepaalde pagina helemaal niet worden gebruikt. De browser moet deze code toch downloaden en verwerken.
Ga bij WP Rocket naar Instellingen > WP Rocket > Bestandsoptimalisatie. Zoek het onderdeel voor CSS-bestanden en activeer Ongebruikte CSS verwijderen.
WP Rocket moet de pagina’s daarna verwerken. Het resultaat verschijnt daarom niet altijd direct. Wacht tot de verwerking is afgerond en leeg vervolgens de cache.
Controleer daarna de header, het menu, formulieren, pop-ups en de mobiele weergave. Ontbreekt er vormgeving of staat een onderdeel plotseling verkeerd? Schakel de instelling dan tijdelijk uit en onderzoek welk CSS-bestand moet worden uitgesloten.
6. Stel JavaScript voorzichtig uitandaard?
JavaScript zorgt ervoor dat interactieve onderdelen werken. Voorbeelden zijn mobiele menu’s, sliders, formulieren, cookiebanners en pop-ups.
Wanneer veel JavaScript direct wordt uitgevoerd, kan de browser vertraging oplopen voordat de pagina volledig reageert. Met WP Rocket kun je deze code later laten uitvoeren.
Ga naar Instellingen > WP Rocket > Bestandsoptimalisatie en zoek het gedeelte JavaScript-bestanden. Activeer eerst één instelling, sla de wijziging op en controleer daarna de website.
Begin bijvoorbeeld met JavaScript uitgesteld laden. Test daarna eventueel ook JavaScript-uitvoering uitstellen. Bij de tweede instelling worden scripts pas uitgevoerd nadat de bezoeker een actie uitvoert, zoals scrollen, klikken of het scherm aanraken.
Controleer na iedere wijziging het mobiele menu, formulieren, cookiebanner, sliders en eventuele webshopfuncties. Werkt een onderdeel niet meer, dan moet het bijbehorende script worden uitgesloten of moet de instelling worden teruggedraaid.
Controleer plugins, thema en hosting
7. Verwijder plugins die je niet gebruikt
Een website met veel plugins is niet automatisch traag. Een kleine en goed gebouwde plugin kan nauwelijks invloed hebben, terwijl één zware of slecht ingestelde plugin de hele website kan vertragen.
Ga naar Plugins > Geïnstalleerde plugins en controleer waarvoor iedere plugin wordt gebruikt. Verwijder een plugin niet wanneer je niet weet wat deze doet. De plugin kan bijvoorbeeld verantwoordelijk zijn voor een formulier, beveiliging, redirects of onderdelen van het ontwerp.
Denk je dat een plugin niet meer nodig is? Deactiveer deze dan eerst en controleer de voorkant en het dashboard. Verwijder de plugin pas wanneer alles goed blijft werken.
Gebruik ook niet meerdere plugins voor precies dezelfde functie. Twee SEO-plugins, twee beveiligingsplugins of verschillende cachingplugins kunnen dubbele scripts, extra databasegegevens en conflicten veroorzaken.
8. Gebruik een licht WordPress-thema
Het thema bepaalt niet alleen het uiterlijk van de website. Het kan ook scripts, CSS-bestanden, lettertypes, widgets en andere functies laden.
Een thema met veel ingebouwde mogelijkheden kan zwaar worden wanneer je maar een klein deel daarvan gebruikt. Een licht thema bevat meestal minder onnodige onderdelen en vormt een eenvoudigere basis voor de website.
Hello Elementor is bijvoorbeeld een minimalistisch thema dat bedoeld is om samen met Elementor te gebruiken. Andere thema’s kunnen beter passen wanneer je met de blokeditor of een andere paginabouwer werkt.
Verander het actieve thema niet zomaar op de live website. Een ander thema kan de header, footer, menu’s, widgets en pagina-indeling veranderen. Maak eerst een back-up en test de overstap op een stagingwebsite.
Een overzicht van verschillende opties vind je in: 17 Beste gratis WordPress thema’s.
9. Controleer de hosting en PHP-versie
De hostingserver verwerkt WordPress, haalt gegevens uit de database en stuurt de pagina naar de bezoeker. Wanneer de server traag reageert of weinig capaciteit heeft, kan een optimalisatieplugin dat niet volledig oplossen.
Een kleine website kan goed werken op shared hosting. Bij een drukke website, webshop of website met zware functies kan een VPS of krachtiger hostingpakket nodig zijn.
Controleer ook welke PHP-versie de website gebruikt. Ga in WordPress naar Gereedschap > Sitediagnose > Informatie > Server. Bij PHP-versie zie je welke versie actief is.
Gebruik een recente PHP-versie die door WordPress, het thema en alle belangrijke plugins wordt ondersteund. Verander de versie via het hostingpaneel of vraag de hostingprovider om dit te doen.
Maak eerst een back-up en controleer de compatibiliteit. Na de wijziging test je de pagina’s, formulieren en het dashboard. Een nieuwere versie kan beter presteren, maar een oude plugin kan daardoor ook een foutmelding geven.
Meer uitleg over de verschillen tussen hostingpakketten staat in: Verschil tussen shared hosting, VPS en dedicated servers: wat past bij jou.
Houd de database en externe onderdelen licht
10. Maak de WordPress-database schoon
WordPress bewaart pagina’s, berichten, instellingen, gebruikers en veel plugininformatie in een database. Na verloop van tijd kunnen daar oude revisies, automatische concepten, spamreacties en tijdelijke gegevens achterblijven.
Een kleine hoeveelheid oude gegevens is meestal geen groot probleem. Bij een website die al lang bestaat of vaak wordt aangepast, kan de database echter onnodig groot worden.
Maak altijd eerst een volledige back-up. Ga daarna naar Instellingen > WP Rocket > Database.
Daar kun je onder andere oude revisies, automatische concepten, prullenbakinhoud, spamreacties en verlopen tijdelijke gegevens opruimen. Selecteer niet zonder controle alle opties. Oude revisies kunnen bijvoorbeeld nog nodig zijn wanneer je een vorige versie van een pagina wilt herstellen.
Begin met onderdelen waarvan je zeker weet dat ze niet meer nodig zijn. Voer de opschoning uit en controleer daarna de website en het dashboard.
11. Beperk externe scripts, lettertypes en video’s
Niet ieder onderdeel van een pagina wordt vanaf je eigen hosting geladen. Google Maps, YouTube-video’s, chatwidgets, advertenties, analysetools en sociale-mediafeeds halen bestanden van externe servers op.
Gebruik alleen diensten die echt nodig zijn. Staat Google Maps alleen op de contactpagina? Zorg dan dat de kaart niet ook op andere pagina’s wordt geladen. Hetzelfde geldt voor chatfuncties, trackingcodes en sociale-mediawidgets.
Beperk ook het aantal lettertypes en verschillende letterdiktes. Wanneer een website drie lettertypes gebruikt met ieder vijf diktes, moeten veel extra bestanden worden geladen.
Controleer in de instellingen van het thema of de paginabouwer welke lettertypes werkelijk worden gebruikt. Verwijder ongebruikte varianten en host Google Fonts lokaal wanneer jouw instellingen of optimalisatieplugin die mogelijkheid bieden.
Upload grote video’s niet rechtstreeks naar de WordPress-mediabibliotheek wanneer dat niet nodig is. Plaats de video bijvoorbeeld op YouTube of Vimeo en gebruik op de website een voorbeeldafbeelding. De videospeler hoeft dan pas na een klik te worden geladen.
12. Gebruik een CDN wanneer het echt nodig is
Een CDN bewaart kopieën van afbeeldingen, CSS- en JavaScript-bestanden op verschillende servers. Bezoekers ontvangen deze bestanden vervolgens vanaf een server die gunstig voor hen is geplaatst.
Dit kan nuttig zijn wanneer je bezoekers uit meerdere landen ontvangt, veel afbeeldingen gebruikt of regelmatig grote hoeveelheden verkeer verwerkt.
Voor een kleine Nederlandse website met voornamelijk Nederlandse bezoekers is een CDN niet altijd de eerste of belangrijkste stap. Goede hosting, caching en geoptimaliseerde afbeeldingen kunnen dan meer verschil maken.
Cloudflare is een bekend voorbeeld van een dienst met CDN- en beveiligingsfuncties. Het koppelen van Cloudflare vraagt aanpassingen aan de DNS-instellingen van het domein. Maak deze wijzigingen alleen wanneer duidelijk is welke records nodig zijn.
Meer uitleg over de werking en mogelijke voordelen vind je in: Wat is een CDN en hoe verbetert het prestaties en veiligheid?
Houd de verbeterde snelheid vast
Een website blijft veranderen. Nieuwe afbeeldingen, plugins, trackingcodes en updates kunnen de prestaties later opnieuw beïnvloeden.
Werk WordPress, het thema en de plugins daarom regelmatig bij. Maak vóór belangrijke updates een back-up en controleer daarna of pagina’s, formulieren en andere functies nog goed werken.
Leeg na grote wijzigingen de cache van WP Rocket. Gebruik je daarnaast servercache of Cloudflare? Leeg dan ook die cache, zodat bezoekers de nieuwe versie ontvangen.
Test de belangrijkste pagina’s opnieuw met PageSpeed Insights wanneer je een nieuwe plugin, grote afbeelding, video, chatfunctie of andere zware functie toevoegt.
Probeer niet koste wat kost een score van 100 te bereiken. De website moet snel reageren, stabiel blijven en goed werken voor bezoekers. Een hoge score is niet nuttig wanneer het menu, formulier of bestelproces daardoor niet meer functioneert.
Meer uitleg over veilig bijwerken en controleren vind je in: WordPress plugins updaten, alles wat je moet weten voor een goede update.
Conclusie
Een WordPress website sneller maken werkt het beste wanneer je eerst meet en daarna gericht verbeteringen uitvoert.
Begin met de belangrijkste pagina’s in Google PageSpeed Insights. Verklein zware afbeeldingen, stel caching goed in en controleer welke CSS- en JavaScript-bestanden de pagina vertragen.
Kijk daarna naar plugins, het thema, de hosting, de PHP-versie en de database. Beperk externe scripts en gebruik een CDN alleen wanneer dat bij de website en bezoekers past.
Voer niet alle aanpassingen tegelijk uit. Maak een back-up, verander één onderdeel en test daarna opnieuw. Zo verbeter je de snelheid zonder onnodig risico op een kapot menu, formulier of ontwerp.
Veelgestelde vragen
1. Hoe snel moet een WordPress-website laden?
Er bestaat geen laadtijd die voor iedere website hetzelfde is. Een eenvoudige tekstpagina kan sneller laden dan een webshop- of videopagina. Controleer vooral of belangrijke inhoud snel zichtbaar is, de pagina direct reageert en onderdelen tijdens het laden niet verspringen.
2. Is WP Rocket voldoende om een trage website op te lossen?
Probeer je website binnen 2 seconden te laten laden. Sneller is altijd beter, zeker op mobiele apparaten.
3. Kun je WP Rocket en LiteSpeed Cache tegelijk gebruiken?
Gebruik beide plugins niet tegelijk als volledige caching- en optimalisatieoplossing. Dubbele instellingen kunnen conflicten veroorzaken. Kies één plugin voor paginacaching en voorkom dat dezelfde optimalisatie door meerdere plugins wordt uitgevoerd.
4. Maken veel plugins een WordPress-website altijd traag?
Nee. Het gaat vooral om de kwaliteit van de plugins, de functies die ze uitvoeren en de bestanden die ze laden. Eén zware plugin kan meer vertraging veroorzaken dan verschillende kleine plugins.
5. Heeft iedere WordPress-website een CDN nodig?
Nee. Een CDN is vooral nuttig bij internationale bezoekers, veel mediabestanden of grote hoeveelheden verkeer. Voor een kleine lokale website zijn goede hosting, caching en geoptimaliseerde afbeeldingen vaak belangrijker.
6. Moet de PageSpeed-score altijd 100 zijn?
Nee. Gebruik de score om problemen te vinden, maar controleer ook de echte werking van de website. Een iets lagere score met een goed werkend menu en formulier is beter dan een score van 100 waarbij belangrijke functies niet meer werken.