In de huidige internetomgeving is de laadsnelheid van websites niet alleen een pluspunt voor de gebruikerservaring, maar ook een belangrijke indicator voor de positie in zoekmachines, de conversiepercentage en de behoudingsgraad van gebruikers. Voor WordPress, dat wereldwijd veel wordt gebruikt, betekent de grote flexibiliteit soms ook uitdagingen op het gebied van prestaties. Een onoptimaliseerde en ongeoptimaliseerde WordPress-website kan langzaam laden, waardoor bezoekers direct worden weggeleid.
Gelukkig kan de respons snelheid van een website, ongeacht of je een beginner of een ervaren webbeheerder bent, aanzienlijk worden verbeterd met een reeks systematische optimalisatiestrategieën. Hier worden enkele praktische tips besproken om de laad snelheid van een WordPress-website te verbeteren, vanuit verschillende aspecten.
Core optimization: Verwerking van afbeeldingen en front-end-resources
De visuele elementen van een website vormen meestal het grootste obstakel voor de laadsnelheid. Onverwerkte foto's verbruiken veel bandbreedte, waardoor de weergave van de pagina vertraagt.
Aanbevolen leesmateriaal 9 essentiële tips voor het verbeteren van de snelheid en de SEO-ranking van een WordPress-site。
Kiezen en optimaliseren van afbeeldingsformaten
Geef de voorkeur aan moderne imageformaten, zoals WebP. Het WebP-format biedt een vergelijkbare kwaliteit als JPEG en PNG, maar de bestandsgrootte is wel 25% tot 35% kleiner. Voor oudere browsers (zoals Internet Explorer) die WebP niet ondersteunen, kan er automatisch worden teruggegrepen op traditionele formaten met behulp van plugins.
Voordat je een foto uploadt, moet je deze eerst compresseren met online tools als Tinify of Squoosh, of met software als Photoshop. Ook al kies je voor een compressieoptie van “hoge kwaliteit”, is het met het blote oog nauwelijks te zien dat de foto is verkleind; de grootte van het bestand wordt echter wel aanzienlijk verminderd. Probeer niet de foto rechtstreeks in de WordPress-editor te verkleinen, maar snijd de foto van tevoren op de gewenste afmetingen.
Het toepassen van lazy loading-technieken
Lazy loading is een techniek voor “op verzoek laden”, waardoor alleen afbeeldingen (of elementen als iframes) worden geladen wanneer ze in beeld komen in de browservenster van de gebruiker. Voor productcatalogi, blogs met veel artikelen of galeriepagina's met veel afbeeldingen, kan deze techniek de aantal verzoeken en het dataverkeer tijdens het laden van de eerste pagina aanzienlijk verminderen.
Sinds versie 5.5 van WordPress is de kerncode al uitgerust met ondersteuning voor het vertraagde laden (lazy loading) van afbeeldingen en iframes. Voor meer geavanceerde controle of het vertraagde laden van video's, kunnen plugins als WP Rocket en Smush worden gebruikt.
CSS/JavaScript-bestanden samenvoegen en compressen
Een WordPress-site wordt meestal voorzien van een thema en verschillende plugins, die ieder hun eigen CSS- en JavaScript-bestanden kunnen toevoegen. Hierdoor moet de browser tientallen of zelfs honderden HTTP-verzoeken indienen om al deze bestanden te halen.
Aanbevolen leesmateriaal WordPress-website optimaliseren voor snelheid: een complete gids, van beginner tot expert。
Door resources te samenvoegen (meerdere kleine bestanden te combineren tot één of enkele grote bestanden) en te compresseren (ruimtes, commentaren en regelveranderingen in de code te verwijderen), kan het aantal verzoeken aanzienlijk worden verminderd en de grootte van de overgedragen gegevens worden verkleind. Plugins als Autoptimize en W3 Total Cache kunnen deze processen automatiseren. Er moet echter worden opgelet dat te veel samenvoeging de werking van de cache kan beïnvloeden; het is daarom aan te raden om deze veranderingen te testen voordat ze worden geïmplementeerd.
Server- en cachingstrategieën
De server is de basis van een website, en de configuratie en de cachestrategie hebben directe invloed op de snelheid waarmee de inhoud wordt geleverd.
Aanbevolen leesmateriaal Ultimatumgids voor het versnellen van de snelheid van WordPress-sites: een volledige strategie voor beginners tot experts。
Kiezen voor een high-performance host en een geschikte PHP-versie
goedkope, oververkochte shared hosting-servers zijn vaak de oorzaak van lage snelheid. Het is beter om in een kwalitatief goede WordPress-hosting, een VPS of een cloud-hosting te investeren; hierdoor krijgt u betere serverbronnen, snellere SSD-schijven en een geoptimaliseerde software-stack (zoals LiteSpeed of Nginx).
Vergeet ook niet om de meest recente en stabiele versie van PHP te gebruiken. Ten opzicht van PHP 5.6 bieden versies van PHP 7.4 tot PHP 8.x een veel hogere prestatie en zijn ze veiliger. De meeste goede hosting-panelen bieden de mogelijkheid om eenvoudig de PHP-versie te wijzigen met één klik.
Een multi-level caching-mechanisme instellen
Caching is de meest effectieve manier om de snelheid van dynamische websites te verbeteren. WordPress is een dynamische website en vereist bij elke bezoek dat de database wordt geraadpleegd en PHP-code wordt uitgevoerd om de pagina te genereren. Caching bewaart de uiteindelijk gemaakte statische HTML-pagina, zodat deze direct kan worden geleverd aan volgende bezoekers.
Paginacaching: Dit is de meest basale vorm van caching, waarbij de hele pagina wordt opgeslagen als een statische bestand. Plugins als WP Rocket, W3 Total Cache en WP Super Cache kunnen dit realiseren.
Object caching: Het opslaan van resultaten van database-verzoeken in een cache. Wanneer meerdere pagina's of gebruikers dezelfde gegevens opvragen, worden deze gegevens rechtstreeks uit de memory gehaald, waardoor een dubbele query naar de database wordt voorkomen. Voor websites met hoge bezoekersaantallen is het gebruik van permanente object-caching-systemen als Memcached of Redis zeer effectief.
Browsercache: Door de HTTP-headers van de server in te stellen, wordt de browser van de bezoeker gevraagd om statische bestanden (zoals afbeeldingen, CSS en JS) op te slaan op de lokale computer. De volgende keer dat de bezoeker de pagina bezoekt, laadt de browser de bestanden direct vanaf de lokale computer op, zonder dat deze opnieuw van de server hoeven te worden gedownload.
Het gebruik van een content delivery network (CDN)
CDN (Content Delivery Network) distribueert de statische bronnen van uw website (afbeeldingen, CSS, JS, fonts, etc.) naar edge-servers verspreid over de hele wereld, zodat gebruikers de gegevens kunnen halen van de server die het dichtst bij hun geografische locatie is. Dit vermindert de netwerktijd en de belasting op de bandbreedte aanzienlijk. Voor websites die zich richten op internationale gebruikers, is CDN bijna een must. Populaire opties zijn Cloudflare en BunnyCDN; veel diensten bieden bovendien eenvoudige integratie met WordPress.
Thema's, plugins en database-optimalisatie
De rijkdom van de WordPress-ecosysteem is zowel een voordeel als een nadeel: slecht geschreven code kan de snelheid van een website ernstig beperken.
Kies en beoordeel onderwerpen en plugins met zorgvuldigheid.
Kies voor een lichtgewichtig thema met een gestructureerde code, dat regelmatig wordt bijgewerkt en een hoge beoordeling heeft. Vermeid thema’s met te veel functies (een soort “Swiss Army Knife”-themata), maar kies voor thema’s met een duidelijke focus. Vul eventuele gebrek aan functies aan met de juiste plugins. Voor je een plugin installeert, vraag jezelf: heb ik deze functie echt nodig? Auditeer regelmatig de geïnstalleerde plugins en stop of verwijder ze als je ze niet meer gebruikt.
Optimaliseren van de WordPress-database
Naarmate de website verder werkt, zal de database steeds meer overtollige gegevens opslaan, zoals versies van artikelen die zijn gewijzigd, automatische verslagen, items die zijn verwijderd maar nog steeds in de database zijn opgeslagen, en verouderde tijdelijke instellingen. Deze gegevens vertragen de snelheid van de queries.
Gebruik regelmatig plugins als WP-Optimize of Advanced Database Cleaner om de database te schoonmaken. Het optimaliseren van de database-tabelen (bijvoorbeeld door het “defragmenteren” van de database) kan ook de prestaties verbeteren. Belangrijke tip: voer altijd een volledige back-up van de database uit voordat u enige acties uitvoert op de database.
De hartslagdetectie en artikelbewerkingen kunnen worden uitgeschakeld of beperkt.
De “heartbeat-functie” van WordPress biedt de mogelijkheid voor regelmatige communicatie tussen de browser en de server, waardoor functies als automatische opslag en het behouden van inlogsessies mogelijk zijn. Voor openbare pagina’s (zoals de homepage van een website) waar geen achtergrondbewerking of inlogging door gebruikers nodig is, kunnen frequente heartbeat-verzoeken echter onnodig veel belasting op de server veroorzaken. Dit kan worden beperkt of uitgeschakeld met code of plugins, zoals Heartbeat Control.
Op basis van de standaardinstellingen slaat WordPress elke versie van een artikel op. Dit kan op bepaalde websites leiden tot duizenden redundante records. Het aantal opgeslagen versies kan worden beperkt of zelfs worden uitgeschakeld door in het bestand `wp-config.php` de waarde van `WP_POST_REVISIONS` in te stellen op een specifiek getal (bijvoorbeeld 3).
Code en geavanceerde laadstrategieën
Voor deze vorm van optimalisatie is een bepaalde kennis van WordPress vereist, maar de verbetering in de prestaties is enorm.
Vertrage het laden van niet-kritieke JavaScript-bestanden.
Niet alle JavaScript-bestanden hoeven meteen te worden geladen en uitgevoerd op het moment dat de pagina wordt geopend. Bijvoorbeeld code die wordt gebruikt voor het bijhouden van analytische gegevens, social media-share-buttons of bibliotheken die worden geladen op een latere tijd, kunnen worden gemarkeerd als ‘latent geladen’ (delayed loading).
Gebruik de `async` of `defer`-attributen om scripts te laden. Met het `async`-attribuut wordt de laadprocedure van het script niet onderbroken tijdens het renderen van de pagina; het script wordt direct uitgevoerd zodra de download is voltooid. Met het `defer`-attribuut wordt het script ook in de achtergrond gedownload, maar het wordt pas uitgevoerd nadat de hele pagina is verwerkt. Veel prestatieoptimalisatie-plugins bieden de mogelijkheid om scripts te plaatsen in de voetnoot van de pagina of om deze attributen toe te voegen.
Optimaliseren van de Google-font- en iconenbibliotheek
Maatgemaakte fonten, vooral die worden gehaald van externe services zoals Google Fonts, zijn vaak de oorzaak van vertragingen in het weergeven van content. Enkele manieren om dit te optimaliseren zijn: gebruik van het `preconnect`-proefverzoek om van tevoren een verbinding te opzetten, het hosten van de fontbestanden op je eigen server of op een CDN (Content Delivery Network) om de aantal verzoeken te verminderen, en enkel de lettergrootten en het aantal tekenen te laden die daadwerkelijk worden gebruikt.
Voor iconen zou je beter kunnen kiezen voor SVG-icoenen in plaats van traditionele iconfont-bibliotheken. SVG zijn vectorgrafieken, waardoor ze minder ruimte in beslag nemen en rechtstreeks in HTML kunnen worden ingebouwd, zonder dat er extra HTTP-verzoeken nodig zijn.
Implementeren van belangrijke CSS- en inline-technieken
“Critical CSS” verwijst naar de minimale set CSS die nodig is om het eerste scherm van een webpagina weer te geven (de content die de gebruiker ziet voordat hij gaat scrollen). Door deze CSS te extraheren en deze inline in de -sectie van de HTML te embedden, kan de browser direct beginnen met het weergeven van de pagina zonder te wachten op het downloaden van externe CSS-bestanden, waardoor de “tijd voor het weergeven van de eerste content” aanzienlijk wordt verkort.
De overgebleven, niet-kritieke CSS-bestanden kunnen asynchroon worden geladen. Dit kan meestal worden gerealiseerd met hulp van build-tools of geavanceerde plugins (bijvoorbeeld Autoptimize in combinatie met extra instellingen).
Samenvatting
Het verbeteren van de snelheid van een WordPress-website is een systeemgericht proces, en niet het resultaat van één enkele techniek. Het omvat onder andere het creeren van content (bijvoorbeeld het optimaliseren van foto's), het kiezen van thema's en plugins, het instellen van de serverconfiguratie, het toepassen van caching-strategieën, en zelfs diepe optimalisaties op het niveau van de front-end-code. De beste praktijk is om het volgende te volgen: “meten → optimaliseren → opnieuw meten”. Gebruik tools als Google PageSpeed Insights, GTmetrix of WebPageTest om de snelheid van uw website in te schatten. Volg de specifieke aanbevelingen (‘Opportunities & Diagnostics’) uit de rapporten en voer de optimisaties daarna uit. Test daarna opnieuw om de effecten te controleren. Door continu aandacht te besteden en te optimaliseren, wordt uw WordPress-website sneller en efficiënter, waardoor u een uitstekende ervaring biedt voor gebruikers en zoekmachines.
Veelgestelde vragen (FAQ)
Kan het probleem met de snelheid alleen worden opgelost door een goede host, zonder het gebruik van een caching-plugin?
Een high-quality host vormt de basis voor een snelle website, aangezien deze over een snellere processor, meer geheugen en betere I/O-prestaties beschikt. Toch kunnen zelfs de krachtigste servers bij gebrek aan een cachemechanisme elke keer dat een pagina wordt opgeroepen de inhoud dynamisch genereren. Dit leidt tot bottlenecks wanneer er een plotselinge toestroom van bezoekers of veel gelijktijdige verzoeken zijn, en het is ook niet mogelijk om de belasting op de database effectief te verlichten.
Cache-plugins maken dynamische websites “statisch” door statische HTML-bestanden te genereren en de resultaten van database-verzoeken op te slaan in de cache. Dit zorgt voor een exponentiële verbetering van de respons snelheid en de capaciteit om veel bezoekers te verwerken. Goede hosting providers en cache-plugins vormen dus een complementaire combinatie; alleen samen kunnen ze het beste resultaat worden behaald.
De score van het tool voor het meten van de snelheid van de website is na de optimalisatie nog steeds niet hoog. Wat kan de reden hiervoor zijn?
De beoordelingen van snelheidstesttools (zoals PageSpeed Insights) zijn gebaseerd op simulaties die worden uitgevoerd volgens een aantal complexe regels. Vaak is een lage beoordeling te wijzen op “harde” factoren, zoals een grote vertraging door de fysieke afstand tussen de testserver en de server van uw website, het gebruik van derde-partijdiensten die niet gemakkelijk kunnen worden verwijderd (bijvoorbeeld bepaalde advertenties of ingebouwde kaarten), of problemen in de kerncode van het thema die de weergave van de website belemmeren en moeilijk te optimaliseren zijn.
Daarnaast verschillen de beoordelingscriterieën voor mobiele en desktop-apps; de beoordelingen voor mobiele apps zijn meestal strenger. Het is verstandig om de beoordelingen te gebruiken als referentie en richting voor verbeteringen, in plaats van als enig doel. Er moet meer aandacht worden besteed aan de echte gebruikerservaring, zoals de tijd die nodig is om het maximale aantal inhoudselementen te weergeven en de tijd die verloopt tussen het eerste invoerproces en de daadwerkelijke weergave van de inhoud.
Hoe vaak moet de database worden geoptimaliseerd?
Voor websites waar de inhoud vaak wordt bijgewerkt (bijvoorbeeld nieuwsites of blogs die elke dag meerdere artikelen publiceren), is het aan te raden om de database eens per maand te schoonmaken (bijvoorbeeld door oudere versies, ontwerpen, ongevraagde of nutteloze commentaren te verwijderen). Voor bedrijfsites of presentatie-sites waar de updates minder frequent zijn, is het voldoende om de database eens per kwartaal of eens in de halfjaar te schoonmaken.
Het is ook aan te raden om vooraf handmatig een optimalisatie uit te voeren voordat er grote veranderingen worden gemaakt aan de inhoud, wanneer veel artikelen worden verwijderd of wanneer plugins worden vervangen. Het belangrijkste is dat er voor elke optimalisatie een beschikbare, actuele en volledige back-up van de website is, om fouten te voorkomen.
Wat is het belangrijkste verschil tussen gratis en betaalde CDN (Content Delivery Networks)?
Gratis CDN-diensten (zoals de gratis variant van Cloudflare) bieden basisfuncties voor het distribueren en opslaan van content, bescherming tegen DDoS-aanvallen en gedeelde SSL-certificaten. Dit maakt ze een uitstekende keuze voor persoonlijke blogs en kleine websites die net van start gaan.
Pay-per-use CDN-diensten bieden uitgebreidere mogelijkheden en een betere prestatie: een groter wereldwijd netwerk met meer edge-nodeën, meer geavanceerde controle over caching-regels, ondersteuning voor het WebP-fotomformat, diensten voor het optimaliseren van afbeeldingen, hogere bandbreedtebeperkingen en een betere technische ondersteuning. De betaalde varianten omvatten meestal ook een hoger niveau van beveiliging (bijvoorbeeld WAF-firewallregels) en analyserapporten. Voor commerciële websites, websites met veel verkeer of projecten waarbij de prestaties van belang zijn, is het de moeite waard om in een pay-per-use CDN-dienst te investeren.
De volgende stap, wat moeten we als volgende doen?
Voor meer informatie en praktische kennis
De volgende content is relevant voor het onderwerp van dit artikel en is geschikt voor verder lezen. Het kan vaak effectief zijn om eerst het artikel te lezen dat het dichtst bij uw huidige vraagstuk staat en vervolgens geleidelijk aan artikelen over aanverwante onderwerpen te bekijken.
- Hoe je een professioneel WordPress-thema kiest: een volledig handboek van veiligheid tot snelheid
- WordPress-websiteoptimalisatiegids: Verbeter de laadtijd en gebruikerservaring
- Praktische gids: Hoe je de prestaties van je website kunt verbeteren door WordPress-themes en plugins te optimaliseren
- WordPress-optimatie: 10 simpele stappen om de snelheid van je website met 300% te verbeteren
- Ultimatumgids voor WordPress-optimisatie: van basisconfiguratie tot verbetering van de prestaties
Nederlands