Het versnellen en optimaliseren van een WordPress-website

Bijgewerkt op

WordPress is een van de meest populaire en veelzijdige contentmanagementsystemen (CMS) die er zijn. Maar in de standaardinstelling is het niet altijd de snelste, vooral niet als je site veel verkeer krijgt, grote hoeveelheden media bevat of draait op een thema met veel functies. Sinds 2010 houdt Google rekening met paginasnelheid in zijn zoekresultaten, wat betekent dat een trage site zowel de gebruikerservaring als de zichtbaarheid in zoekresultaten kan schaden.

Het goede nieuws? WordPress is flexibel genoeg om op veel manieren geoptimaliseerd te worden, waardoor je de laadtijden merkbaar kunt verkorten. Om je voortgang te meten, kun je na elke wijziging snelheidstests uitvoeren met online tools zoals:

  • Google PageSpeed Insights – Geweldig voor beginners, met makkelijk te volgen optimalisatiesuggesties.

  • GTmetrix – Biedt zowel prestatiescores als bruikbare tips.

  • Pingdom – Geeft een gedetailleerd overzicht van laadtijden, maar vereist mogelijk wat meer technische kennis.

Deze tools laten zien welke delen van je site vertragen, zodat je weet wat je het eerst moet aanpakken.

Hieronder bespreken we praktische stappen die je kunt nemen om je WordPress-site sneller te maken—tips die het waard zijn om direct toe te passen bij het maken van een website. 

OPMERKING: Maak altijd een back-up van je site voordat je wijzigingen aanbrengt.

Tips om een website te versnellen

Het juiste thema kiezen 

Je WordPress-thema draait niet alleen om het uiterlijk – het heeft direct invloed op hoe snel je site laadt. Als je van plan bent een blog met veel verkeer of een contentrijke site te runnen, loont het om tijd te investeren in onderzoek en testen. Een goed geoptimaliseerd, lichtgewicht thema kan zowel de gebruikerservaring als de zoekresultaten aanzienlijk verbeteren.

De gouden regel bij het kiezen van een thema is om het ontwerp af te stemmen op je content. Bepaal eerst waar je website zich op zal richten en welk type content je gaat publiceren. Pas daarna kies je een thema dat die doelen ondersteunt.

Hoewel de meeste WordPress-thema's uitgebreide aanpassingen toestaan, kunnen slecht gecodeerde opties later problemen veroorzaken, vooral als je besluit van thema te wisselen. Sommige visueel aantrekkelijke ontwerpen zien er op het eerste gezicht geweldig uit, maar zitten vol met onnodige functies die je site traag maken.

Hier zijn een paar tips om een thema te kiezen dat zowel stijlvol als snel is:

  1. Houd het simpel – Vermijd te complexe lay-outs en zware animaties.

  2. Kies voor responsief – Kies een thema dat zich naadloos aanpast aan mobiele, tablet- en desktopschermen.

  3. Controleer plugin-compatibiliteit – Zorg dat het goed werkt met essentiële, goed beoordeelde plugins en je huidige versie van WordPress.

  4. Evalueer page builders – Thema's met ingebouwde page builders kunnen handig zijn, maar voegen soms extra ballast toe. Test de prestaties voordat je een keuze maakt.

  5. Let op SEO-vriendelijke code – Een schone, semantische code helpt zoekmachines je site beter te begrijpen.

De meeste themabouwers bieden uiteindelijk live demo's van hun producten aan. Maak hier gebruik van door de demo-site door snelheidstesttools te halen voordat je tot aankoop overgaat. Zo krijg je een realistisch beeld van hoe het thema presteert onder echte omstandigheden.

Afbeeldingen optimaliseren

Grote, niet-gecomprimeerde afbeeldingen zijn een van de meest voorkomende oorzaken van traag ladende pagina's. Er zijn veel tools, zowel plugins als online diensten, die bestandsgroottes kunnen verkleinen zonder merkbaar kwaliteitsverlies.

Als je een geautomatiseerde aanpak wilt, kunnen plugins zoals EWWW Image Optimizer en andere compressie direct binnen WordPress uitvoeren. EWWW Image Optimizer heeft zijn eigen functieset en biedt flexibele instellingen en bulkoptimalisatie.

Let op: De plugin vereist de exec() functie om te werken. 

Na installatie en activering kun je naar Media > Bulk Optimize gaan en:

  1. Klik op Scan for unoptimized images om alle afbeeldingen te vinden die gecomprimeerd kunnen worden:

  2. Na de scan klik je op Start optimizing om hun grootte in bulk te verkleinen:

Je kunt de plugin ook instellen om geplande optimalisaties uit te voeren vanuit het menu "Advanced Settings".

Let op:

  • Bulkoptimalisatie kan tijdelijk veel serverbronnen gebruiken en mogelijk CPU-limieten bereiken.

  • Hogere compressieniveaus betekenen kleinere bestandsgroottes, maar agressieve compressie kan zichtbaar kwaliteitsverlies veroorzaken, vooral bij sites met veel foto's.

Hoewel plugins snel en handig zijn, leveren ze niet altijd de beste compressieresultaten. Voor maximale resultaten kun je afbeeldingen handmatig verwerken voordat je ze uploadt, met behulp van online tools zoals:

  • TinyPNG – Uitstekend voor PNG- en JPEG-compressie.

  • Compressor.io – Werkt met meerdere formaten en biedt sterke optimalisatie.

Ja, handmatige compressie kost extra tijd, maar levert vaak scherpere, lichtere afbeeldingen op, waardoor je bezoekers een betere ervaring krijgen zonder kwaliteitsverlies.

Caching-plugins

Caching-plugins zijn een van de meest effectieve manieren om een WordPress-website te versnellen. Door vooraf gegenereerde versies van je pagina's op te slaan en te serveren, verminderen ze het werk dat je server voor elke bezoeker moet doen, wat de laadtijden aanzienlijk verbetert.

Enkele van de populairste en meest betrouwbare opties zijn:

Browsercaching

Browsercaching vertelt de browsers van je bezoekers om bepaalde websitebestanden, zoals afbeeldingen, stylesheets en scripts, lokaal voor een bepaalde periode op te slaan. Zo kan hun browser deze bestanden bij een volgend bezoek vanaf hun eigen apparaat laden in plaats van ze opnieuw te downloaden. Dit vermindert de serverbelasting, versnelt herhaalbezoeken en verbetert de algehele browse-ervaring.

Je kunt browsercaching op verschillende manieren instellen:


1. Met W3 Total Cache

Als je al W3 Total Cache gebruikt, is browsercaching inschakelen eenvoudig:

  1. Ga in je WordPress-dashboard naar Performance > Browser Cache.

  2. Vink de vakjes aan voor opties zoals:

    • Stel Last-Modified-header in.

    • Stel expires-header in.

    • Schakel HTTP (gzip)-compressie in.

  3. Sla je instellingen op:

W3TC voegt dan automatisch de benodigde regels toe aan je .htaccess-bestand.

2. Regels handmatig toevoegen

Als je liever geen plugin gebruikt, kun je browsercaching inschakelen door je .htaccess-bestand direct te bewerken (voor Apache-servers). Door code zoals deze toe te voegen, stel je "verlooptijden" in voor verschillende bestandstypen:

ExpiresActive on

ExpiresByType image/jpg "access plus 60 days"

ExpiresByType image/png "access plus 60 days"

ExpiresByType image/gif "access plus 60 days"

ExpiresByType image/jpeg "access plus 60 days"

ExpiresByType text/css "access plus 2 weeks"

ExpiresByType image/x-icon "access plus 2 weeks"

ExpiresByType application/pdf "access plus 1 month"

ExpiresByType audio/x-wav "access plus 1 month"

ExpiresByType audio/mpeg "access plus 1 month"

ExpiresByType video/mpeg "access plus 1 month"

ExpiresByType video/mp4 "access plus 1 month"

ExpiresByType video/quicktime "access plus 1 month"

ExpiresByType video/x-ms-wmv "access plus 1 month"

ExpiresByType application/x-shockwave-flash "access 1 month"


ExpiresByType text/javascript "access plus 2 weeks"

ExpiresByType application/x-javascript "access plus 2 weeks"

ExpiresByType application/javascript "access plus 2 weeks"


Je kunt de tijdswaarden aanpassen afhankelijk van hoe vaak je je bestanden bijwerkt.

Tips voor het optimaliseren van een website

Homepage-optimalisatie

Je homepage is het eerste wat bezoekers zien en vaak de zwaarste pagina van je site. Een goed geoptimaliseerde homepage zorgt niet alleen voor een goede eerste indruk, maar laadt ook sneller en houdt bezoekers betrokken.

Een belangrijke factor voor de snelheid van de homepage is het aantal HTTP-verzoeken dat je site doet. Elke afbeelding, script, stijl of widget op de pagina vereist een apart verzoek aan de server. Hoe minder verzoeken nodig zijn, hoe sneller je pagina wordt weergegeven.


Tools om verzoeken te verminderen en laadtijden te versnellen

  • WP Asset Clean Up
    Deze plugin scant je pagina's en identificeert onnodige scripts en stijlen, zodat ze niet worden geladen waar ze niet nodig zijn. Het kan ook de HTML-code minimaliseren voor schonere, lichtere pagina's.

  • JavaScript to Footer
    Verplaatst JavaScript-bestanden van de header naar de footer zodat ze de initiële weergave van de pagina niet vertragen. Zo worden de zichtbare delen van je pagina eerst geladen, wat de waargenomen snelheid verbetert.


Best practices voor een snelle homepage

  1. Vermijd overmatige widgets – Social sharing-knoppen kun je bijvoorbeeld beter op individuele blogposts plaatsen dan op de homepage.

  2. Toon samenvattingen, geen volledige berichten – Dit vermindert de hoeveelheid content die in één keer wordt geladen en maakt de pagina makkelijker te scannen.

  3. Beperk het aantal weergegeven berichten – Houd het op ongeveer vijf recente berichten voor optimale snelheid en leesbaarheid.


Render-blocking JavaScript en CSS oplossen

Wanneer je je site test in Google PageSpeed Insights, kun je een waarschuwing zien zoals:

"Elimineer render-blocking JavaScript en CSS in content boven de vouw"

Dit betekent dat sommige JavaScript- of CSS-bestanden het weergeven van het zichtbare (boven de vouw) deel van je pagina vertragen. Simpel gezegd: de browser van je bezoekers moet wachten tot deze bestanden geladen zijn voordat de pagina-inhoud wordt weergegeven, wat alles vertraagt.

Oplossing met W3 Total Cache (W3TC)

Je kunt dit oplossen door de Minify-instellingen in W3 Total Cache aan te passen:

  1. Ga naar Performance > Algemene instellingen in je WordPress-dashboard.

  2. Stel in de Minify-sectie de Minify-modus in op Handmatig en sla de wijzigingen op:


  3. Open vervolgens het Performance > Minify-menu en zorg ervoor dat de JavaScript-minify-instellingen overeenkomen met de aanbevolen configuratie:


  4. Voeg de JavaScript-bestands-URL's die door Google PageSpeed zijn gemarkeerd toe aan de sectie JS-bestandsbeheer:


  5. Herhaal het proces voor CSS-bestanden: voeg de gemarkeerde CSS-URL's toe aan de sectie CSS-bestandsbeheer:

Als dit is gedaan, test je je site opnieuw in PageSpeed Insights. De waarschuwing over render-blocking zou moeten verdwijnen als alles correct is ingesteld.

Alternatief: Autoptimize-plugin

Als je een eenvoudiger hulpmiddel wilt, is Autoptimize een andere uitstekende optie om render-blocking bronnen te verminderen. Het kan:

  • JavaScript- en CSS-bestanden combineren en minimaliseren

  • CSS en JS verplaatsen om de laadvolgorde te verbeteren

  • HTML minimaliseren voor lichtere pagina's

  • Samenwerken met caching-plugins zoals WP Super Cache voor nog betere resultaten.

Belangrijke instellingen van Autoptimize zijn onder andere:

  • JavaScript-opties – Combineer meerdere JS-bestanden tot één om het aantal verzoeken te verminderen

  • CSS-opties – Inline kritische CSS, codeer kleine afbeeldingen direct in CSS, en meer

  • HTML-opties – Minimaliseer HTML terwijl je eventueel opmerkingen behoudt

  • CDN-opties – Stel een CDN-basis-URL in om statische bestanden sneller te laden

  • Tabblad Afbeeldingen – Afbeeldingen automatisch comprimeren en optimaliseren

  • Extra / Meer optimaliseren – Extra geavanceerde aanpassingen voor gevorderde gebruikers.

Om alle functies te ontgrendelen:

  1. Ga naar Instellingen > Autoptimize > klik op Geavanceerde instellingen tonen:


  2. Pas de opties aan op de behoeften van je site:


  3. Klik op Wijzigingen opslaan en cache legen om optimalisaties toe te passen:

Hotlink-beveiliging inschakelen

Wanneer een andere website direct linkt naar een afbeelding die op jouw server wordt gehost (bijvoorbeeld door jouw afbeelding op hun pagina weer te geven zonder deze zelf te hosten), wordt dit hotlinking genoemd.

Dit lijkt misschien onschuldig, maar elke keer dat hun bezoekers die afbeelding laden, doet jouw server het werk en gebruikt jouw bandbreedte, waardoor je site trager wordt en de hostingkosten stijgen.

De eenvoudigste manier om hotlinking te stoppen is door hotlink-beveiliging in je cPanel in te schakelen. Dit kan via het menu Hotlink Protection:


Zodra dit is ingeschakeld, kunnen andere websites je afbeeldingen niet langer direct vanaf jouw server laden, waardoor je bronnen worden beschermd en je site snel blijft voor je bezoekers.

Een database optimaliseren

Na verloop van tijd kan je WordPress-database onnodige gegevens verzamelen, zoals oude revisies, spamreacties en achtergebleven instellingen van plugins, wat je website kan vertragen.

Standaard gebruikt WordPress 11 kern-tabellen, maar de meeste sites hebben extra tabellen die door plugins en thema's zijn aangemaakt. Regelmatige database-optimalisatie helpt alles schoon, efficiënt en snel te houden.

Zo optimaliseer je je WordPress-database:

  1. Volg een database-optimalisatiegids om ervoor te zorgen dat je alleen verwijdert wat veilig is om te verwijderen

  2. Gebruik een gespecialiseerde plugin voor snelle en veilige optimalisatie, zoals:


De prestaties van je WordPress-website inschatten

Plugins breiden je WordPress-site uit met extra functies en aanpassingsmogelijkheden. Sommige plugins kunnen echter de prestaties negatief beïnvloeden door overmatig CPU- en I/O-bronnen te gebruiken.

Om ervoor te zorgen dat je website efficiënt draait, is het essentieel om het effect van je plugins en thema's te meten.

Stap 1 – Analyseer het gebruik van bronnen

Gebruik de Code Profiler plugin om je website op PHP-niveau te scannen. Deze geeft duidelijke, gedetailleerde rapporten met grafieken en tabellen die laten zien:

  • Welke plugins of thema's je site vertragen;

  • De specifieke PHP-scripts, klassen, methoden en functies die de meeste bronnen gebruiken.

Stap 2 – Beheer het laden van plugins

Installeer de Plugin Organizer plugin om:

  • Specifieke plugins uitschakelen op geselecteerde pagina's of berichten

  • De laadvollgorde van plugins wijzigen

  • De prestaties verbeteren door ervoor te zorgen dat alleen noodzakelijke plugins draaien waar dat nodig is.

Stap 3 – Controleer de algehele website-optimalisatie

Na het doorvoeren van bovenstaande verbeteringen kun je met de GTmetrix for WordPress plugin je optimalisatiescore meten. Deze tool beoordeelt de snelheid en prestaties van je website en geeft duidelijke statistieken om je voortgang te volgen.




Een geldig e-mailadres is vereist