Het is een veelvoorkomend probleem met WordPress. Je bent begonnen met het maken van je website. Ook heb je een goed hostingbedrijf gevonden. Je heeft een mooi thema gekocht, enkele plugins geïnstalleerd en een mooie homepage vol met afbeeldingen gemaakt.

Je website ziet er goed uit, maar je WordPress website is verschrikkelijk traag. Je haalt dan maar nog een kopje koffie. Herkenbaar?

Dit komt doordat de meeste WordPress thema’s en plugins niet geoptimaliseerd zijn om snel te laden. Zelfs veel populaire WordPress thema’s zitten technisch slecht in elkaar en zijn traag. Bovendien zijn afbeelding die je upload ook vaak erg groot. En je raad het al – je WordPress website laad als een slak.

Gelukkig kan je dit snel verbeteren. Het is niet zo heel ingewikkeld. Als je een beetje handig bent kun je jouw WordPress website sneller maken. In dit artikel leg ik daar meer over uit.

Heb je geen zin om deze stappen zelf te nemen? Met mijn WordPress onderhoud & hosting pakketten optimaliseer ik je website handmatig op snelheid en draait je WordPress website op razendsnelle servers. En dat is nog niet het enige.

Deze video legt het stapsgewijs uit, maar dan wel in het Engels.

Oef, is je WordPress site traag? Een snelle website is belangrijk!

Niemand houdt van een trage WordPress website. Maar waarom is WordPress sneller maken nou zo belangrijk? In principe zijn er drie factoren die naar mijn mening essentieel zijn:

  1. Je website kan beter presteren in zoekmachines, zoals Google. Pagina snelheid is een van de factoren die Google gebruikt voor het rangschikken van hun resultaten. De auteur van Yoast, een van de beroemdste WordPress SEO-plug-ins, bevestigt dat een trage WordPress-website waarschijnlijk slechter scoort. Houd er rekening mee dat goede inhoud echter nog steeds het belangrijkst is!
  2. Bezoekers blijven op je website en bezoeken meer pagina’s. Wanneer u een langzame website heeft, zal de Bounce Rate stijgen. De Bounce Rate geeft aan hoeveel van je bezoekers jouw website zullen verlaten na het bezoeken van slechts één pagina. Dit aantal neemt aanzienlijk toe voor websites met een lage laadsnelheid. In de meeste gevallen wil je dat je bezoekers langer op uw website blijven.
  3. Bovendien zal een snellere pagina een aanzienlijk hogere conversie hebben. Dat is niet meteen belangrijk voor je positie in google, maar wel heel belangrijk voor je website zelf.

WordPress sneller maken: de stappen

Maar genoeg introductie! Laten het gaan hebben waarvoor je hier bent: jouw trage WordPress website sneller maken. Naar mijn mening zijn de volgende 5 stappen het belangrijkst:

Ik zal het onderwerp afsluiten met enkele meer geavanceerde tips over het analyseren van de snelheid van een website en het toepassen van gerichte optimalisaties. Maar hey, laten we je WordPress website sneller maken!

Misschien goed om te weten, maar ik ga er vanuit dat je al bekend ben met de basis van WordPress. Je weet dus hoe je moet inloggen, plugins moet toevegen, enzovoort.

Samenvatting (TL;DR)

Ja, ik ben ook wel eens lui. Als je niet het hele artikel wilt lezen, kan je de volgende stappen uitvoeren. Scroll anders verder om in detail te zien! Dus hoe kun je wordpress sneller maken? Doe het volgende:

  1. Zorg ervoor dat je website op goede hosting draait – het is de belangrijkste belangrijke factor. Goede partijen zijn ondere andere Cloudways (voor de techneuten), Siteground (voor de starters) of Kinsta (als het echt top moet zijn). Je kan de snelheid van je hosting controleren met de gratis plug-in WP Hosting Performance Check.
  2. Log in op je WordPress website
  3. Ga naar de pagina Plug-ins, klik op Nieuwe plugin en voeg vervolgens de volgende plug-ins toe: Shortpixel Image Optimizer, a3 Lazy Load, W3 Total Cache, WP-Optimize en Autoptimize. Activeer deze plug-ins, met uitzondering van Autoptimize.
  4. Ga eerst naar Instellingen in uw WordPress Dashboard-menu en vervolgens naar Shortpixel. Voeg uw API-sleutel toe. Download hier de API-sleutel voor compressie van afbeeldingen.
  5. Ga naar Media, zorg ervoor dat het in de lijstweergave staat. Selecteer al uw afbeeldingen. Kies voor Optimize with Shortpixel in het menu met acties aan linkerkant. Laat nu alle afbeeldingen optimaliseren.
  6. Ga naar het tabblad Performance in uw WordPress Dashboard-menu. Het is links beneden. Dit zijn de opties voor de W3 Total Cache Plugin. Klik vervolgens op het item General Settings.
  7. Activeer vanuit de pagina General Settings de Page Cache. Kies in het vervolgkeuzemenu hieronder voor Disk: Enhanced (of Memcached / Redis indien beschikbaar).
  8. Scroll naar beneden voor het blok met Minify. Activeer het en accepteer de waarschuwing.
  9. Blader naar beneden voor Object Cache. Zet het op Disk. Indien beschikbaar, zet het op Memcached of Redis. Druk op Save Settings & Purge Caches.
  10. Ga nu naar Minify, in de menu-items onder Performance aan de linkerkant van je scherm.
  11. Schakel onder het kopje HTML & XML de zogenaamde Inline JS- en CSS-minificatie in, en zorg ook dat Activeer is aangevinkt.
  12. Schakel onder het kopje JS de JS Minify Settings. Schakel indien mogelijk ook HTTP/2 push in in.
  13. Activeer onder het kopje CSS het vinkje voor CSS minify settings. Schakel indien mogelijk ook HTTP/2 Push in. Druk op Save Settings & Purge Caches .
  14. Als je website er aan de voorkant nu vreemd uitziet, schakelt u Minification uit via het tabblad Algemene instellingen onder Performance. Activeer vervolgens de plug-in Autoptimize. Ga naar Instellingen in het WordPres menu aan de linerkant en vervolgens Autoptimize onder Instellingen. Vink de drie vakken aan voor HTML-, JS- en CSS-minificatie. Sla deze stap over als de website er al wel goed uit ziet.
  15. Deactiveer en verwijder alle ongebruikte plug-ins en thema’s.
  16. Klik op WP-Optimize in het WordPress Admin menu aan de linkerkant. Klik dan op het tabje Instellingen aan de rechterkant van het scherm. Blader naar beneden naar het kopje Scheduled clean-up settings en schakel Enable scheduled clean-up and optimization (Beta feature) in. Zorg ervoor dat je ook Remove expired transient options aanvinkt.
  17. Als je onmiddellijk de database wilt optimaliseren, ga je naar het tabblad Database rechts bovenaan, selecteer je alles aan en klik je op “Run all selected optimizations”.
  18. Geniet van een snellere WordPress website!
  19. Bonus: schakel een CDN in (voor internationale websites). Ben je een beetje handig met websites? Ga naar cloudflare.com en maak een account. Verbind het vervolgens met uw domein volgens de instructies van CloudFlare.
  20. Bonus: als je meer wilt weten over de snelheid je website, gebruik dan hulpmiddelen zoals Pingdom om de snelheid te analyseren. Om de impact van thema’s en plug-ins te analyseren, gebruikt je WordPress-plug-ins zoals UsadeDD en Query Monitor. Maar pas op, dit zijn geavanceerde dingen!

Dit is nog steeds een flinke lap tekst. Maar het vat samen hoe je een werdpress website sneller kan maken.

Testcase: een trage WordPress website

Wat is een artikel over een WordPress website sneller maken zonder testcase? Voor dit artikel hebben we een demo WordPress-website gebruikt voor een gemiddelde webshop. We gebruiken Pingdom, een van de meest bekende tools om de laadsnelheid van uw website te beoordelen. En dit is het eerste resultaat:

Screenshot van een relatief trage WordPress website
De initiële laadsnelheid. Al best goed, omdat we de juiste hosting gebruiken

Kies snelle WordPress Hosting

Het eerste wat je wilt doen, is ervoor zorgen dat je website draait bij een snel WordPress-websitehostingsbedrijf. Mocht je het niet weten: bij een hostingpartij kan je jouw eigen website laten draaien.

Nu zijn er vaak verschillende artikelen op internet waarin Bluehost, HostGator en andere soortgelijke hostingpartijen worden gepromoot. Deze partijen zijn goedkoop, maar ze bieden over het algemeen gemiddelde prestaties.

Snelle WordPress hosting is in veel gevallen de belangrijkste factor om WordPress sneller te maken. Dit is vooral het geval als u meer op den duur meer bezoekers krijgt. Wil je weten wat de best presterende hostingbedrijven zijn? Je kunt binnenkort snelle WordPress hosting partijen vinden in onze groeiende database van WordPress Hosting Reviews.

Wat wij goede WordPress Hosting vinden

Gelukkig zijn er een aantal WordPress die nog steeds bewezen kwaliteit leveren en betaalbaar zijn. We hebben goede ervaringen met Siteground, Cloudways (lees een volledige review) en Kinsta. Dit zijn wel allemaal internationale partijen!

Als je wilt controleren of je huidige hostingpartij de snelle jongens bijhoudt, kun je de plug-in WP Hosting Performance Check gebruiken. Je kan het toevoegen via je WordPress-dashboard onder Plug-ins.

Deze WordPress-plug-in voegt verschillende opties toe om de laadsnelheid van je website en de prestaties van de host te analyseren. Zorg ervoor dat alles in de groene waarden staat. Rode waarden kunnen erop duiden dat je een trage WordPress hosting partij hebt.

Waar moet je op letten bij hosting?

Het is vaak lastig om een goede hosting partij te kiezen. Vaak ook omdat een hosting partij in zijn beschrijvingen veel technische termen gebruikt. Bij het reviewen van hostingpartijen kijk ik vaak naar de volgende factoren.

  • De eigenschappen: biedt de hosting wat je nodig hebt? Denk aan genoeg schijfruimte en bezoekers, maar ook e-mailboxen of een ontwikkelomgeving voor WordPress.
  • De snelheid: gebruikt de hosting partij termen zoals caching, redis en varnish? Of praten ze over snelheid? Dan is vaak de snelheid op orde!
  • De gebruiksvriendelijkheid: dit weet je vaak alleen als je een hostingpartij gaat gebruiken. Internationale partijen zoals Kinsta blinken vaak uit in gebruiksvriendelijkheid.
  • De support: heeft de hosting partij veel kennisartikelen op hun website staan? En hebben ze live chat, tickets en een telefoonnummer? Goede en snelle support is belangrijk als je vragen hebt en geen tijd wilt verliezen.
  • De veiligheid: praat de partij over firewalls, het up to date houden van bestanden, het monitoren van hackers? Een goed teken.
  • De prijs: Last but not least, is het een goede prijs voor wat je krijgt? Te goedkoop is vaak slecht, maar er zijn uitzonderingen.

Daarna wil je een goede domeinnaam provider – een factor die ook bijdraagt aan de snelheid en veiligheid van je website. TransIP is een bekende, en bovendien erg goede provider. En ook nog van Hollandse bodem!

De locatie van je server is belangrijk!

Ik moet slechts één ding toevoegen: je moet ervoor zorgen dat een de server van jouw hosting parij zich in de buurt van uw bezoekers bevindt. Een website die wordt gehost in een datacenter ver weg, duurt veel langer om te laden.

Je kan je WordPress website sneller maken met allerhande technieken. Echter, als je server in Nederland staat en je bezoekers uit India komen, heb je toch een groot nadeel! Neem overigens contact op met je hosting partij als je meer informatie over wilt de locatie van servers.

Dus komen uw bezoekers voornamelijk uit de Verenigde Staten? Kies een host met servers in de Verenigde Staten. Heb je veel internationale bezoekers? Je kan dan een zogenaamd Content Delivery Network (CDN) overwegen.

Dus laten we doorgaan met het echte werk! Ga naar de WordPress-website die u wilt optimaliseren en log in op het beheerdersdashboard. Eerst beginnen we met het optimaliseren van afbeeldingen.

Vind je het te veel moeite om een hosting partij te kiezen? Maak het jezelf gemakkelijk! Met mijn WordPress onderhoud & hosting heb je razendsnelle hosting. En ik bied nog veel meer functionaliteiten.

Optimaliseer afbeeldingen door comprimeren en Lazyloading

In veel gevallen vormen afbeeldingen het grootste deel van uw website vanuit het oogpunt van bestandsgrootte. Als je veel grote afbeeldingen op je homepage hebt, moet elke bezoeker ze downloaden bij het eerste bezoek!

Zoals je kan voorstellen, maakt dit WordPress traag. Als je dit oplost, zal dit je WordPress website sneller maken voor nieuwe bezoekers.

Gelukkig zijn er twee technieken die kunnen helpen bij het optimaliseren van afbeeldingen in WordPress. De eerste heet compressie en de tweede heet Lazyloading. Laten we beginnen met de eerste techniek.

Compressie van afbeeldingen met Shortpixel

Beeldcompressie is een techniek die de bestandsgrootte van je afbeeldingen verkleint met een minimaal verlies aan visuele kwaliteit. Met andere woorden, je afbeeldingen zien er nog steeds goed en scherp uit, maar zullen veel minder kilobytes zijn.

Ik ontdekte dat Shortpixel een van de beter presterende beeldoptimalisatie diensten is. Bovendien hebben ze ze een plug-in voor WordPress. Ga dus naar Plug-ins in je WordPress dashboard, voeg een nieuwe plug-in toe en zoek naar Shortpixel. Installeer en activeer deze plug-in.

Subsequently, go to Shortpixel Settings page. It can file size under Settings > Shortpixel in your WordPress Admin Dashboard Menu. You will get a screen where you can enter an API Key, which you can retrieve by signing up at Shortpixel’s website or adding your email address. The good thing is that you can optimize up to 100 images free per month.

Ga vervolgens naar de pagina Shortpixel. Het is te vinden onder Instellingen > Shortpixel in je WordPress dashboard. Je krijgt een scherm waarin u een API Key kunt invoeren. Deze kun je ophalen door je aan te melden op de website van Shortpixel of door je e-mailadres toe te voegen. Het goede nieuws is dat je tot 100 afbeeldingen per maand gratis kunt optimaliseren.

Nadat je de API-sleutel hebt opgehaald, voer je deze in en klikt je op Save Settings. Ga vervolgens naar Media (links bovenaan je WordPress beheerdersmenu). Wijzig de weergave in lijstweergave, en selecteer alle afbeeldingen. Klik vervolgens in het keuzemenu voor acties (links boven alle media-items) op Optimize with Shortpixel en daarna Toepassen. Als u veel afbeeldingen hebt, kunt u ook naar Media > Bulk Shortpixel gaan om alle afbeeldingen in één keer te optimaliseren.

WordPress website sneller maken? Comprimeer je afbeeldingen door Shortpixel in de WordPress Media Library!
De gecomprimeerde afbeeldingen uit onze mediabibliotheek.

Nu zie je dat alle afbeeldingen in uw mediabibliotheek worden geoptimaliseerd. In sommige gevallen kan het optimaliseren van afbeeldingen tot 90% van de oorspronkelijke bestandsgrootte schelen.

Wil je overigens een alternatief dat gratis onbeperkt afbeeldingen kan verkleinen? WP Smush is daarvoor een zeer goede plugin. Het gratis verkleinen is lang niet zo goed als bij Shortpixel, maar een goed gratis alternatief. Bovendien heeft deze plugin ook Lazy Loading. Daarover gesproken: nu je afbeeldingen zijn geoptimaliseerd, gaat we door naar Lazy Loading!

Lazy Loading & Afbeeldingen

Lazy loading is een techniek waarbij je alleen de afbeeldingen laadt die zichtbaar zijn op het scherm van je computer. Dus, terwijl je naar beneden scrolt op een website, worden de afbeeldingen geladen. Maar niet eerder!

Dat kan ook heel wat kilobytes besparen bij de eerste leer laden van een pagina. Vooral als er veel afbeeldingen verderop op de pagina staan.

De Lazy Loading techniek is eenvoudig in te stellen in WordPress. Ga naar Plug-ins in je WordPress dashboard, klik op Nieuwe plugin en zoek naar a3 Lazy Load. Installeer en activeer deze plug-in. U bent klaar! Als je instellingen wilt wijzigen, kan je deze vinden onder Instellingen> a3 Lazy Load.

Als je nu je website test met bijvoorbeeld Pingdom, is de kans groot dat deze al sneller laad. Was je wordpress website traag? Dan is hij nu al een stukje minder traag. Op naar de volgende stap!

Scripts en stijlen verkleinen

Wauw! Nu worden we behoorlijk technisch. Daarom is het tijd om enkele termen uit te leggen. Minification is een technische term voor het verkleinen van de grootte van scripts en stijlen. Minification wordt ook vaak beschouwd als het samenvoegen van verschillende scripts of stijlen. Maar eigenlijk wordt dit concatenation genoemd.

Door deze processen neemt het aantal verzoeken en de werkelijke grootte van uw website af. En dit resulteert in een sneller laden. Maar wat zijn deze scripts en stijlen?

Wat zijn scripts and stijlen?

WordPress templates en plug-ins voegen scripts en stijlen toe aan je website. Dit zijn eigenlijk JavaScript-bestanden en CSS-stylesheets. JavaScript is een programmeertaal en wordt gebruikt om dynamische functionaliteiten aan uw website toe te voegen. Denk aan pop-ups en Sliders in een website.

Aan de andere kant zijn CSS-stylesheets bestanden die bepalen hoe je website eruit ziet. De gebruikte kleuren, de typografie en de afmetingen van je lay-out worden allemaal bepaald in een CSS-stylesheet.

Nu voegen veel WordPress-thema’s en plug-ins veel van deze scripts en stijlen toe aan uw website. Is je WordPress traag? Dit is een van de redenen! Laten we dat oplossen en WordPress sneller maken.

Let’s minify!

Dus hoe kunnen we minification voor WordPress toepassen? Ga naar het gedeelte met plug-ins in je WordPress dashboard. Klik op Nieuwe plug-in en zoek naar W3 Total Cache. Dit is een van de meest gebruikte prestatie plug-ins voor WordPress. Voeg deze plug-in toe en activeer deze.

Na activering verschijnt er een menu-item met Performance in je WordPress dashboard. Klik erop en ga vervolgens naar General Settings. Blader een beetje naar beneden totdat je Minify ziet. Activeer het (u krijgt een waarschuwing).

WordPress website sneller maken met W3 Total Cache en Minification
De sectie Minify in het scherm General Settings van W3 Total Cache

Klik nu op het Minify menu in het WordPress menu aan de linkerkant. Vervolgens kom je bij de gedetailleerde instellingen voor Minification. Vink de volgende opties aan:

  • HTLM&XML: Enable, Inline CSS, Inline JS Minification
  • JS: Enable, Enable HTTP/2 Push (indien mogelijk)
  • CSS: Enable, Enable HTTP/2 Push (indien mogelijk).
Instellingen voor W3 Total Cache Minification
Het instellingenscherm voor Minification in W3 Total Cache

Klik nu op Save Settings & Purge Cache. Tada, minification is klaar!

Oeps! Mijn site ziet er nu raar uit!?

In sommige gevallen kunnen de minification instellingen van W3 Total Cache je website slopen. De lay-out zal vreemde fouten vertonen, of functionaliteiten zoals pop-ups werken niet meer. Schakel dan eerst Minification uit in de instellingen van W3 Total Cache.

Gelukkig is er een andere plug-in die in bijna elk geval je scripts en stijlen correct verkleint. Deze plug-in heet Autoptimize.

Je kan dit eenvoudig installeren door deze plug-in toe te voegen via uw WordPress Dashboard, net zoals je ook zou doen met andere plug-ins. In je Instellingen menu in de WordPress dashboard zal een nieuw item met de naam Autoptimize worden toegevoegd. Vink de drie opties voor minification aan, druk op Save Changes and Empty Cache en je bent klaar!

WordPress sneller maken met autoptimize.
Het instellingenscherm voor Autoptimize

De reden waarom we eerst proberen te verkleinen met W3 Total Cache is dat we het aantal plug-ins zo laag mogelijk willen houden. Nu we minification hebben toegepast, zijn we klaar voor de volgende stap: caching!

Verschillende vormen van caching

Caching, caching, caching. Je hebt er misschien van gehoord. Maar wat houdt caching precies in? Er zijn eigenlijk verschillende soorten caching. Dit zijn de meest voorkomende:

  • Browser caching: uw browser kan bestanden tijdelijk opslaan (of cachen) in zijn cache op uw computer, zoals afbeeldingen. Bij opeenvolgende bezoeken worden deze afbeeldingen geladen vanuit de cache in plaats van de website zelf.
  • Paginacaching: elke keer dat een bezoeker een pagina op de WordPress-website bezoekt, wordt deze pagina dynamisch gegenereerd door de server. Met Page Caching wordt deze pagina vooraf gegenereerd (of bij het eerste bezoek). Vervolgens wordt deze statische kopie aan de bezoeker vanuit de cache aangeboden.
  • Objectcaching: een WordPress website maakt zogenaamde query’s naar een database. Objectcaching slaat veelvoorkomende query’s op in de cache. Daaropvolgende query’s worden vervolgens uit deze cache opgehaald. Hierdoor wordt bespaard op echte query’s worden .
  • Omgekeerde proxy: een omgekeerde proxy toont een gegenereerde kopie van een pagina, vergelijkbaar met paginacaching. Vanuit technisch perspectief gebeurdt dit nog voor de zogenaamde webserver. Varnish caching is een bekend voorbeeld van dit type caching.

Is je WordPress site traag? Caching kan de snelheid van je website aanzienlijk verbeteren. Maar nog belangrijker, het aantal bezoekers dat je website aankan wordt aanzienlijk groter. Als gevolg hiervan worden hostingbedrijven ook blij :).

Let’s cash cache!

Maak je gebruik van WordPress hosting van Kinsta? Dan kan je deze stap volledig overslaan! Kinsta heeft namelijk de caching standaard al goed voor je ingesteld. Wel zo makkelijk.

Een snelle WordPress-website kan uw inkomsten verhogen, uiteraard afhankelijk van wat voor soort site je hebt. Maar laten we even teruggaan naar de instellingen!

Het gebruik van W3 Total Cache kan de eerste keer erg overweldigend zijn. Maar eigenlijk zijn er slechts een paar instellingen die je moet instellen voor een goede caching.

Weet je het nog? We hebben W3 Total Cache al geactiveerd om minification in te schakelen. Ga dus naar het item Algemene instellingen onder Performance in uw WordPress dashboard-menu aan de linkerkant.

WordPress traag? Gebruik paginacaching met W3 Total Cache!
De instellingen voor Paginacaching met W3 Total Cache.

In dit scherm ziet u de verschillende soorten caching die ik eerder heb genoemd. Blader naar de sectie Page Cache en activeer deze. Kies indien mogelijk uit Disk Enhanced of Memcached / Redis. Niet alle hosts ondersteunen overigens Memcached of Redis, dus deze opties zijn mogelijk niet beschikbaar. Als het wel beschikbaar is, kies je een van beide voor de beste prestaties.

Blader vervolgens naar de Object Caching en schakel deze in. Kies Redis of Memcached in het vervolgkeuzemenu in dit gedeelte. Kies anders Disk. Klik op Save Settings & Purge Caches.

Objectcaching maakt je WordPress website een stuk sneller!
Instellingen voor objectcaching in W3 Total Cache

Zoals je kan zien, is er ook een sectie met Browsercache onder de instellingen voor Object Cache. Standaard is dit al ingeschakeld.

Misschien ondersteunt je hostingbedrijf Varnish, zoals Cloudways of Vimexx. Voeg dan het lokale adres voor Varnish toe in het gedeelte Reverse Proxy. In veel gevallen is het lokale adres 127.0.0.1 of je domein. Activeer Reverse Proxy ook. Je vind dit misschien wel een beetje technisch, maar het maakt je WordPress website aanzienlijk sneller!

Alternatieven voor W3 Total Cache

Er zijn talloze alternatieven voor W3 Total Cache die je WordPress website sneller maken. Enkele voorbeelden hiervan zijn:

  • WP Rocket: een betaalde plug-in die zeer eenvoudig in te stellen. Bovendien heb je dan ook Lazy Loading en Database Optimization bevat (zie de paragraaf hierna).
  • WP Supercache: een plug-in voor het cachen van pagina’s. Omvat echter geen minification.
  • WP Fastest Cache: een uitgebreide plug-in voor caching en minification.
  • Als je Siteground als host gebruikt, kan je de SG Optimizer plug-in van SiteGround zelf gebruiken. Het werkt geweldig samen met de plug-in Autoptimize

Je database en WordPress opschonen

Er zijn een paar andere factoren die de snelheid van je WordPress website beïnvloeden. Vooral als je bent ingelogd op je WordPress website. Helaas kun je niet alles in de cache opslaan!

Ongebruikte plug-ins en thema’s verwijderen

Allereerst wil je alle ongebruikte plug-ins en thema’s deactiveren en verwijderen. Een ongebruikte plug-in die is geactiveerd, wordt nog steeds geladen! Gedeactiveerde plug-ins en thema’s worden niet geladen, maar ze kunnen nog steeds een beveiligingsrisico worden als ze niet worden bijgewerkt.

Het uitgangspunt hier is om zo min mogelijk plug-ins te gebruiken zonder de functionaliteient die je nodig hebt op te offeren.

Je database opschonen en optimaliseren

WordPress gebruikt een database om al zijn informatie op te slaan. Denk aan de tekst die je in berichten schrijft of de instellingen die je opslaat. Je zou het kunnen vergelijken met één groot Excel-bestand met verschillende tabbladen en veel rijen en kolommen vol met informatie.

Bovendien kan een WordPress-database snel groeien, vooral als je een grote site hebt met veel posts en plug-ins. En een grote database maakt je WordPress traag. Vooral als u bent ingelogd en niet kunt cachen. Er zijn zelfs een paar specifieke functies van WordPress die je database snel kunnen laten groeien:

  • WordPress slaat revisies (back-ups van je berichten) op, zodat je deze kan herzien naar eerdere versies.
  • WordPress gebruikt de database om tijdelijke gegevens op te slaan. Sommige plug-ins zijn hier sterk afhankelijk van en kunnen veel tijdelijke gegevens opslaan. Deze worden dan vaak niet opgeschoond.

WP-Optimize gebruiken voor een snelle WordPress site

Gelukkig is hier een goede WordPress plugin voor! De WP-Optimize plug-in is ontwikkeld met als doel je database te optimaliseren. Dus installeer en activeer deze plug-in via de pagina Plug-ins van uw WordPress dashboad. Klik vervolgens op het WP-Optimize item in het WordPress Admin Menu links onderaan.

WordPress sneller maken door het opschonen van je database.
Het instellingen scherm voor WP Optimize

Je komt op het instellingenscherm waar je geplande optimalisaties kunt instellen. Schakel dat in. Zorg er ook voor dat je Remove Expired Transient inschakelt. Als je in een oogwenk wilt optimaliseren, kunt u rechtsboven naar het tabblad Database gaan en een van de opties selecteren om te optimaliseren.

Bonus: inschakelen van een Content Delivery Network

Have you heard of a Content Delivery Network, abbreviated as CDN? Basically, it means that the static parts of your website (in most case, these are the images and the scripts and styles we talked about earlier) are delivered from a server as close as possible to your visitors.

Heb je gehoord van een Content Delivery Network, afgekort als CDN? Kort gezegd betekent dit dat de statische delen van uw website worden getoond vanaf een server zo dicht mogelijk bij uw bezoekers. In de meeste gevallen zijn dit de afbeeldingen en de scripts en stijlen waar we het eerder over hadden.

Dit maakt een CDN met name handig als je een website hebtmet wereldwijde bezoekers. Als uw website alleen lokale bezoekers heeft, is dit niet strikt noodzakelijk. Maar een CDN kan je ook wat bandbreedte besparen, omdat sommige delen van je website via de CDN worden geladen.

Cloudflare, een gratis CDN

Een van de beroemdste en gratis (dat maakt een hollander blij!) CDN’s die er is, is CloudFlare. Het opzetten van een CDN met CloudFlare is eigenlijk vrij eenvoudig:

  • Meldt je aan voor een nieuw account bij CloudFlare.
  • Voeg in CloudFlare het domein toe waarvoor je CloudFlare wilt inschakelen.
  • Pas de nameservers aan op de plaats waar je jouw internetdomein hebt gekocht (de zogenaamde registrar). Dit is anders voor elke registrar, dus je moet misschien contact opnemen met jouw eigen domeinprovider.
  • Wacht maximaal 24 uur. CloudFlare werkt nu met je WordPress-website.
  • Wil je wijzigingen doen aan je zogenaamde DNS, zoals een subdomein toevoegen? Dat moet dan nu via cloudflare.

One additional advantage of CloudFlare is that it adds another layer of security to your website. Hurray! Don’t you like CloudFlare? Other well-known CDNs are KeyCDN, Amazon CloudFront and Fastly and Stack Path (formerly known as MaxCDN).

Een bijkomend voordeel van CloudFlare is dat het een extra beveiligingslaag toevoegt aan je website. Hoera! Vind je CloudFlare niet leuk? Andere bekende CDN’s zijn KeyCDN, Amazon CloudFront, Fastly en Stack Path (voorheen bekend als MaxCDN).

Bonus: je website analyseren

Nu komen we dicht bij het werkgebied van webontwikkelaars en professionals. Maar toch kan het helpen om te weten hoe je jouw WordPress website (op prestaties uiteraard) kunt analyseren.

Analyseer je website met Pingdom

Een veel gebruikt hulpmiddel is de snelheidstest van de Pingdom. Met Pingdom kunt u de snelheid van uw website testen vanaf verschillende locaties in de wereld. Het is gemakkelijk te gebruiken: je hoeft alleen maar je website in te voeren en deze te analyseren.

WordPress site traag? Ontdek het met pingdom!
Het scherm met resultaten

In eerste instantie zal het een overzicht van de resultaten tonen, zoals hierboven. Bovendien geeft het een aantal aanbevelingen voor het versnellen van je website. Inmiddels zou aan de meeste van deze aanbevelingen moeten zijn voldaan. Als je doet wat hier geschreven staat, natuurlijk :).

Verschillende soorten inhoud, van Pingdom.
Verschillende soorten inhoud, van Pingdom.

Vervolgens toont Pingdom de grootte en het aantal requests voor verschillende soorten inhoud (zoals hierboven weergegeven).

Een groot deel van de pagina kan bijvoorbeeld uit afbeeldingen bestaan. Met deze informatie kan je besluiten afbeeldingen te comprimeren. En dat kan je WordPress website sneller maken!

Watervalgrafiek voor de laadsnelheid van onze WordPress website.
De waterval

Uiteindelijk wordt er een watervalgrafiek weergegeven. Dit geeft aan hoe lang het duurt voor de eerste verbinding met je pagina wordt gemaakt. Ook zie je hoe snal alle afbeeldingen, scripts en stylesheets laden. Hieruit kan je verschillende dingen opmaken:

  • Als het lang duurt voordat de eerste pagina is geladen, heb je mogelijk geen caching. Caching wordt eerder in dit artikel beschreven. Ook kan je een trage hostingspartij hebben.
  • Mogelijk zie je scripts en stijlen van een extern domein, zoals een Google Analytics-script. Als het laden van deze scripts lang duurt, kan je overwegen om andere scripts te gebruiken.
  • Het laat ook zien hoeveel requests er nodig zijn om een pagina te laden. Dit aantal moet zo laag mogelijk zijn! Verwijder dus onnodige afbeeldingen en gebruik minification.

Andere analyse tools

Er zijn een paar andere tools waarmee je kan meten of je WordPress site traag is. Dit zijn de meestgebruikte:

  • Google Pagespeed Insights: laat vooral zien of je website al de juiste maatregelen treft om snel te laden.
  • WebPageTest: Geeft een gedetailleerd rapport over hoe snel je website laad, inclusief de zogenaamde Time to First Byte.
  • GTMetrix: Geeft ook een uitgebreid verslag van de snelheid van je WordPress website, inclusie de scores op verschillende aspecten.

Thema’s en Plugins Analyseren

Als je een WordPress-ontwikkelaar bent, zijn er een aantal andere tools beschikbaar die je kunnen helpen om de website vanaf de back-end te analyseren. Ik zal hier niet verder in detail treden, maar dit zijn de plugins:

  • Usage DD: Toont het gebruikte geheugen, de Time to First Byte (TTFB) en het aantal query’s. Handig als je de eerste gegevens wilt zien, maar niet teveel details.
  • Query Monitor: Registreert fouten in code, gebruikte hooks, geregistreerde scrips en het aantal query’s. Handig om te zien of u het aantal query’s tot de database kunt beperken en gedetailleerde informatie kunt bekijken. Een must voor WordPress ontwikkelaars.

Deze tools zijn vooral handig om te zien hoe zwaar plug-ins en thema’s zijn. Als WordPress professional kan je deze plug-ins gebruiken door verschillende thema’s en plug-ins activeren en kijken wat de effecten op de cijfers zijn. Op deze manier kan je meten welk thema of plug-in een grotere invloed heeft op de prestaties van je website.

Kan jij je WordPress website sneller maken? Ja, dat kan!

Wist je nog dat we onze testcase hadden? Dus kunnen we deze WordPress website sneller maken? Laten we eens kijken wat de resultaten zijn na al onze snelheidsoptimalisaties (wat een woord zeg…).

De resultaten van een snelle WordPress website.
Onze verbazingwekkende eindresultaten

Zoals je kan zien, hebben we bijna 1,2mb van onze paginagrootte afgehaald. Bovendien hebben we het aantal verzoeken (Requests) beperkt van 64 tot 30. Tot slot zijn we van een laadtijd van 1,52 seconden naar een laadtijd van 0,54 seconden gegaan. Missie volbracht!

En nu zijn we aan het einde van dit artikel over WordPress-snelheidoptimalisatie. Als het goed is heb je geleerd wat de belangrijkste stappen zijn om jouw WordPress website sneller te maken. Was je WordPress site traag? Dan is hij als het goed is nu een stuk sneller!

Bedankt voor het lezen van dit uitgebreide artikel. Als je vragen of opmerkingen hebt, aarzel dan niet om ze hieronder achter te laten.