Het is een veel voorkomend probleem met WordPress. Je begon je eerste website te maken en vond een goed hosting bedrijf. Je hebt een mooi thema gekocht, wat plugins geïnstalleerd en een mooie homepage vol afbeeldingen gemaakt. Maar de laadsnelheid van je website is afschuwelijk.

Dat komt omdat uit de doos de meeste WordPress thema's en plugins niet geoptimaliseerd zijn om snel te laden. Bovendien zijn de meeste afbeeldingen die je zult uploaden ook niet geoptimaliseerd. En daar sta je dan, je website laadt als een slak.

Gelukkig kan dit allemaal verbeterd worden. En het is niet zo moeilijk. Blijf op de hoogte.

Als je meer van video's houdt, kun je ook deze video bekijken.

Een snelle WordPress website is belangrijk

Niemand houdt van een trage WordPress website. Maar waarom is het optimaliseren van je website voor snelheid zo belangrijk? In principe zijn er twee factoren die, naar mijn mening, essentieel zijn:

  1. Je website kan het beter doen in Zoekmachines, zoals Google. Een van de autoriteiten op het gebied van Search Engine Optimization (SEO), Moz genaamd, beschrijft dat Site Page Speed is een van de rangschikkingsfactoren die Google gebruikt voor de rangschikking. De auteur een van de bekendste WordPress SEO Plugins bevestigt dat een trage WordPress website zullen waarschijnlijk slechter ranken. Merk op dat goede inhoud en trefwoorden echter nog steeds veel belangrijker zijn!
  2. Bezoekers blijven op je website en bezoeken meer pagina's. Met andere woorden, als je een trage website, zal het bouncepercentage omhoog gaan. Het bounce percentage is een metriek die aangeeft hoeveel van je bezoekers je website verlaten na slechts één pagina bezocht te hebben. En ja, dit getal stijgt aanzienlijk voor websites met een trage paginalaadsnelheid. In de meeste gevallen wil je dat je bezoekers langer op je website blijven.
  3. Bovendien zal een snellere pagina een beduidend hogere conversie hebben. Hoewel niet direct toe te schrijven aan zoekmachine optimalisatie, is het een belangrijke ter plaatse factor.

De Essentiële Stappen voor WordPress Snelheid Optimalisatie

Maar laten we ophouden met die onzin en het hebben over waarvoor je hier echt bent. De essentiële stappen om je trage WordPress website te optimaliseren. Naar mijn mening zijn de volgende 5 stappen essentieel:

Ik sluit het onderwerp af met wat meer geavanceerde tips over hoe je de snelheid van een website kunt analyseren en gerichte optimalisaties kunt toepassen. Maar hé, laten we WordPress gaan versnellen!

TL;DR

Ja, ik ben ook lui. Als je dit artikel niet wilt lezen, zou je de volgende stappen kunnen doen. Anders kun je dit minste overslaan en naar al het gedetailleerde goeds gaan.

  1. Zorg ervoor dat je website op goede hosting draait - dat is een belangrijke factor. We zijn tevreden met Cloudways, Siteground of Kinsta. Je kunt je hosting controleren met de WP Hosting prestatiecontrole plugin.
  2. Log in op het Admin Dashboard van je WordPress website
  3. Ga naar de Plugins pagina, klik op nieuw toevoegen, en voeg dan de volgende plugins toe: Shortpixel Image Optimizer, a3 Lazy Load, W3 Total Cache, WP-Optimize en Autoptimize. Activeer deze plugins, met uitzondering van Autoptimize.
  4. Ga eerst naar Instellingen in je WordPress Dashboard Menu, dan naar Shortpixel. Voeg je API sleutel toe. Krijg je beeldcompressie API sleutel hier.
  5. Ga naar Media, zorg dat die in lijstweergave staat. Selecteer al je beelden en kies Optimaliseer met Shortpixel uit de Bulk Acties keuzelijst aan de linkerkant. Laat het alle beelden optimaliseren.
  6. Ga naar het tabblad Prestaties in je WordPress Dashboard Menu. Het staat onderaan aan de linkerkant. Dit zijn de opties voor de W3 Total Cache Plugin. Klik dan op het item Algemene instellingen.
  7. Schakel op de pagina Algemene instellingen het cachen van pagina's in. Kies in het Dropdown menu eronder voor Disk Enhanced (of Memcached/Redis indien beschikbaar).
  8. Scroll naar beneden naar minify. Schakel het in en accepteer de waarschuwing.
  9. Scroll naar beneden naar object caching. Stel het in op schijf, of indien beschikbaar op Memcached of Redis. Druk op Save Settings & Purge Caches.
  10. Ga nu naar Minify, uit de items onder Performance aan de linkerkant.
  11. Onder HTM & XML schakel je inline JS en CSS minificatie in en ook.
  12. Schakel onder JS de instellingen JS Minify in. Schakel ook HTTP/2 in als dat mogelijk is.
  13. Schakel onder CSS de CSS Minify instellingen in. Schakel ook HTTP/2 in als dat mogelijk is. Druk op Instellingen opslaan en Caches zuiveren.
  14. Als je website er nu raar uitziet, schakel dan minificatie uit op het tabblad Algemene Instellingen onder Prestaties. Activeer dan de Autoptimize Plugin. Ga naar Instellingen, dan naar Autoptimize onder Instellingen. Dik de drie vakjes voor HTML, JS en CSS minificatie in.
  15. Deactiveer en verwijder alle ongebruikte plugins en thema's.
  16. Klik op WP-Optimize in het WordPress Admin Dashboard menu aan de linkerkant. Scroll naar beneden naar geplande opruiminstellingen en schakel geplande opruiming en optimalisatie in. Zorg ervoor dat je ook dik Verwijder verlopen vergankelijke opties. Wil je meteen optimaliseren, ga dan naar het Database tabblad rechtsboven, selecteer alles en druk op Voer alle geselecteerde optimalisaties uit.
  17. Geniet van een snellere website!
  18. Bonus: Schakel een CDN in. Ga naar cloudflare.commaak een account aan en verbind het met je domein volgens de instructies van CloudFlare.
  19. Bonus: Als je je verder wilt verdiepen in de snelheid van je website, gebruik dan hulpmiddelen als Pingdom om de snelheid te analyseren. Om de invloed van je thema's en plugins te analyseren, gebruik je WordPress plugins zoals UsadeDD en Query Monitor. Maar pas op, dit is meer gevorderd werk!

Het bovenstaande is nog heel wat leeswerk. Maar het vat samen wat je moet doen om WordPress te versnellen.

Een testcase met een trage WordPress website

Wat is een artikel over WordPress snelheidsoptimalisatie zonder een testcase? Voor dit artikel hebben we een demo WordPress website gebruikt voor een gemiddelde grootte webwinkel. We gebruiken Pingdom, een van de bekendste hulpmiddelen om beoordeel de laadsnelheid van je website. En dit is het eerste resultaat:

De pagina laad scores voor een niet-geoptimaliseerde WordPress website.
De aanvankelijke laadscore. Al vrij goed, want we gebruiken goede hosting

Kies betrouwbare en snelle WordPress Hosting

Het eerste wat je wilt doen is zorgen dat je website draait bij een snel WordPress website hosting bedrijf. Voor wie het niet weet, een hostingpartij stelt je in staat je eigen website op het internet te laten draaien, op hun datacentra.

Nu kun je op het web vaak verschillende artikelen vinden waarin Bluehost, HostGator en andere soortgelijke hosting partijen worden aangeprezen. Deze partijen zijn goedkoop, maar ze bieden over het algemeen slechte prestaties.

Snelle WordPress hosting is in veel gevallen een belangrijke factor om de snelheid van WordPress te optimaliseren. Dit is vooral het geval als je meer website bezoekers krijgt. Wil je weten wat de best presterende hosting bedrijven zijn? Je kunt een goede host vinden in onze groeiende databank van WordPress Hosting Recensies.

Wat wij goede WordPress Hosts vinden

Gelukkig zijn er een aantal WordPress die nog steeds bewezen kwaliteit leveren en betaalbaar zijn. We hebben goede ervaringen met Siteground (om te beginnen), Cloudways (voor techneuten, lees een volledige recensie) en Kinsta (voor iedereen, lees hier de volledige recensie).

Als je wilt nagaan of je huidige host de snelle jongens bijhoudt, kun je gebruik maken van de WP Hosting prestatiecontrole plugin. Voeg hem gewoon toe via je WordPress Dashboard onder Plugins.

Deze WordPress plugin 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. Waarden in het rood kunnen erop wijzen dat je een trage WordPress website hebt.

Er zijn ook vele andere die je kunnen helpen bij het vinden van goede hosting. Meestal vind ik deze hosting recensies soms wat oppervlakkig, maar onze vrienden van MatthewWoodward deden uitstekend werk met hun nieuwste artikel over Snelle WordPress hosting.

Laten we dus verder gaan met het echte werk! Ga naar de WordPress website die je wilt optimaliseren en log in op je Admin Dashboard. Ik zal eerst beginnen met het optimaliseren van afbeeldingen.

Wat je moet zoeken bij WordPress hosting

Vaak is het moeilijk om een goede hosting partij te kiezen. Deels komt dat omdat hosting party's vaak veel technische termen gebruiken. Bij het beoordelen van hosting party's kijk ik vaak naar de volgende factoren.

  • De kenmerken: Biedt de hosting wat je nodig hebt? Denk aan voldoende schijfruimte en bezoekers, maar ook aan e-mailboxen of een ontwikkelomgeving voor WordPress.
  • De snelheid: gebruikt de hostingpartij termen als caching, Redis en Varnish? Of hebben ze het over snelheid? Dat kan een goed teken zijn!
  • De bruikbaarheid: Jammer genoeg weet je dit alleen als je een hosting partij gaat gebruiken. Internationale partijen zoals Kinsta blinken vaak uit in gebruiksvriendelijkheid.
  • De steun: heeft de hostingpartij een knowledgebase? En hebben ze live chat, tickets en een telefoonnummer? Goede en snelle ondersteuning is belangrijk als je vragen hebt en geen tijd wilt verliezen!
  • Veiligheid: heeft de partij het over firewalls, het bijhouden van bestanden, en het in de gaten houden van hackers? Een goed teken!
  • The prijs: Last but not least, is het een goede prijs voor wat je krijgt? Te goedkoop is vaak slecht, maar er zijn uitzonderingen.

Bovendien wil je een goede domeinnaam leverancier - een factor die ook bijdraagt tot de snelheid en veiligheid van je website. DNS gemakkelijk gemaakt (in combinatie met Domeinen gemakkelijk gemaakt) en Cloudflare (binnenkort...) zijn twee van de grote kahuna's die er zijn.

Locatie is een grote zaak

Ik moet er alleen één ding aan toevoegen: je moet ervoor zorgen dat een server dicht bij de plaats staat waar je bezoekers zijn. Een website die gehost wordt in een datacentrum ver weg, doet er veel langer over om te laden.

Komen je bezoekers dus vooral uit de Verenigde Staten? Kies dan een host die servers in de Verenigde Staten heeft. Heb je internationale bezoekers? Dan zou je kunnen overwegen een content delivery netwerk (CDN).

Optimaliseer je afbeeldingen door ze te comprimeren en te lazyloaden

In veel gevallen vormen afbeeldingen het grootste deel van je website vanuit het oogpunt van bestandsgrootte. Als je veel grote afbeeldingen op je website hebt, moet iemand ze bij het eerste bezoek allemaal downloaden! Zoals je je kunt voorstellen kan dat resulteren in een trage WordPress website. Als je dit kunt oplossen, laadt een website aanzienlijk sneller voor bezoekers die voor het eerst komen.

Gelukkig zijn er twee technieken die kunnen helpen bij het optimaliseren van je afbeeldingen. De eerste heet Image Compression, en de tweede heet Lazyloading. Laten we in de eerste duiken.

Beeldcompressie met Shortpixel

Beeldcompressie is een techniek die de bestandsgrootte van je beelden vermindert met een minimum verlies aan visuele kwaliteit. Met andere woorden, je beelden zien er nog steeds goed en scherp uit, maar zijn een stuk minder kilobytes groot.

Ik ontdekte dat Shortpixel is een van de beter presterende diensten voor beeldoptimalisatie, en ze hebben een plugin voor WordPress. Ga dus naar Plugins in je WordPress Admin Dashboard, Voeg een nieuwe plugin toe en zoek naar Shortpixel. Installeer en activeer deze plugin.

Ga vervolgens naar de pagina Instellingen voor Shortpixel. Die staat onder Instellingen > Shortpixel in je WordPress Admin Dashboard Menu. Je krijgt een scherm waar je een API Sleutel kunt invoeren, die je kunt opvragen door aanmelden bij Shortpixel's website of je emailadres toe te voegen. Het mooie is dat je tot 100 afbeeldingen per maand gratis kunt optimaliseren.

Nadat je je API sleutel hebt opgehaald, voer je die in en druk je op Wijzigingen opslaan. Ga dan naar Media (linksboven in je WordPress Admin Menu). Verander de weergave in lijstweergave, selecteer alle afbeeldingen. Klik dan, in het dropdown menu voor Bulk Acties, links boven je media items, op Optimaliseer met Shortpixel en Pas toe. Als je veel afbeeldingen hebt, kun je ook naar Media > Bulk Shortpixel gaan om alle afbeeldingen in één keer te optimaliseren.

Gecomprimeerde afbeeldingen van Shortpixel in de WordPress Media Bibliotheek.
De gecomprimeerde beelden uit onze mediabibliotheek.

Nu zie je dat alle afbeeldingen in je mediabibliotheek geoptimaliseerd worden. In sommige gevallen kan het optimaliseren van afbeeldingen tot 90% van de oorspronkelijke bestandsgrootte scheren. Nu je afbeeldingen geoptimaliseerd zijn, gaan we het hebben over lui laden!

Lui laden van beelden

Lui laden is een techniek waarbij je alleen de beelden laadt die op het scherm van je computer zichtbaar zijn. Dus naarmate je verder op een website scrollt worden de beelden geladen, maar let op voordien. Ook dat kan bij het voor het eerst laden van een pagina heel wat kilobytes besparen, vooral als er verderop op de pagina veel afbeeldingen staan.

De techniek van het Lazy Laden van afbeeldingen is heel eenvoudig in te stellen in WordPress. Ga gewoon naar Plugins in je Admin Dashboard, klik op Nieuw toevoegen en zoek naar a3 Lazy Load. Installeer en activeer deze plugin. Je bent klaar! Als je de instellingen wilt veranderen, kun je die vinden onder Instellingen > a3 Lazy Load.

Minimaliseer Scripts en Stijlen

Wauw! We worden nu wel erg technisch. Daarom is het tijd om wat termen uit te leggen. Minificatie is een technische term voor het verkleinen van scripts en stijlen. Minificatie wordt ook vaak beschouwd als het samenvoegen van verschillende scripts of stijlen tot een enkel bestand. Maar eigenlijk heet dit concatenatie.

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

Wat zijn scripts en stylesheets?

Je WordPress thema's en plugins voegen scripts en stijlen aan je websites toe. Dit zijn eigenlijk JavaScript bestanden en CSS Stylesheets. JavaScript is een programmeertaal en wordt gebruikt om dynamische functionaliteiten aan je website toe te voegen. Denk aan pop-ups en sliders in een website.

Anderzijds zijn CSS Stylesheets bestanden die bepalen hoe je website er uit ziet. De gebruikte kleuren, de typografie, de afmetingen van je lay-out worden allemaal in een CSS Stylesheet bepaald.

Nu voegen veel WordPress thema's en plugins veel van deze scripts en stijlen aan je website toe. Het resultaat? Je website laadt trager. Laten we dat oplossen en WordPress sneller maken.

Laten we minifiëren

Dus hoe kunnen we minificatie voor WordPress toepassen? Ga naar je plugin sectie in je admin dashboard, klik op plugin toevoegen en zoek naar W3 Total Cache. Dit is een van de meest gebruikte prestatie-plugins voor WordPress. Voeg deze plugin toe en activeer hem.

Na de activering verschijnt er een menu-item met Prestaties in je WordPress dashboard. Klik erop en ga dan naar Algemene Instellingen. Scroll een stukje naar beneden tot je minify ziet staan. Activeer het (je krijgt een waarschuwing).

W3 Total Cache Algemene Instellingen Minificatie Scherm voor WordPress
De Minify Sectie in het scherm Algemene Instellingen van W3 Total Cache

Klik nu op het menu Minify uit het WordPress menu aan de linkerkant. Dan kom je bij de gedetailleerde instellingen voor minificatie. Dik de volgende opties aan:

  • HTLM&XML: Inschakelen, Inline CSS, Inline JS Minificatie
  • JS: Inschakelen, Schakel HTTP/2 Push in indien mogelijk
  • CSS: Schakel in, en schakel ook HTTP/2 Push in als dat mogelijk is.
W3 Total Cache Minificatie Instellingen
Het instellingenscherm voor Minificatie in W3 Total Cache

Druk nu op Save Settings & Purge Cache. En tada, de minificatie is klaar!

Oeps! Mijn site ziet er nu raar uit

Soms kunnen de minificatie instellingen van W3 Total Cache je website kapot maken. De lay-out vertoont vreemde fouten, of functionaliteiten zoals pop-ups werken niet meer. Schakel dus eerst minificatie uit in de instellingen van W3 Total Cache.

Gelukkig is er een andere plugin die in bijna elk geval je assets goed minifieert. Deze plugin heet Autoptimize.

Je kunt deze gewoon installeren door deze plugin via je WordPress Dashboard toe te voegen, zoals je ook met andere plugins zou doen. In je instellingen admin menu komt een nieuw item met de naam Autoptimize. Dik nu de drie opties voor minificatie aan, druk op save, en je bent klaar!

Het keuzescherm voor Autoptimize
Het instellingenscherm voor Autoptimize

De reden waarom we eerst proberen te minifiëren met W3 Total Cache is dat we ook het aantal plugins dat op de website draait willen verminderen. Nu we onze assets hebben geminificeerd, zijn we klaar voor de volgende stap: cachen!

Verschillende vormen van caching gebruiken

Caching, caching, caching. Je hebt er misschien wel eens over gehoord. Maar wat is caching nu precies? Er zijn eigenlijk verschillende soorten caching. Dit zijn de meest voorkomende:

  • Browser caching: je browser kan bestanden opslaan (of cachen) tijdelijk op in zijn cache je computer, zoals afbeeldingen. Bij opeenvolgende bezoeken worden deze afbeeldingen uit het cache geladen in plaats van op de website zelf.
  • Cachen van pagina's: telkens als een bezoeker een pagina bezoekt op WordPress website, wordt deze pagina dynamisch door de server gegenereerd. Met Page Caching wordt deze pagina vooraf (of bij het eerste bezoek) gegenereerd. Vervolgens wordt deze statische kopie vanuit de cache aan de bezoeker geserveerd.
  • Object caching: een website doet queries naar de databank. Object caching slaat veel voorkomende zoekvragen op in zijn cache. Latere queries worden dan uit deze cache opgehaald, wat een hoop echte queries bespaart.
  • Omgekeerde proxy: Een reverse proxy serveert een gegenereerde kopie van een pagina, vergelijkbaar met page caching. Technisch gezien serveert hij vóór je webserver. Varnish caching is een bekend voorbeeld van dit soort caching.

Caching kan de snelheid van je website sterk verbeteren. Maar wat belangrijker is, het kan ook het aantal bezoekers dat je website aankan sterk verbeteren. Daardoor maak je ook hosting bedrijven blij :).

Laten we contant geld cache!

Een snellere WordPress website kan je inkomsten opdrijven, afhankelijk van wat voor soort site je hebt. Maar laten we weer op het juiste spoor komen. Het gebruik van W3 Total Cache kan de eerste keer overweldigend zijn. Eigenlijk zijn er maar een paar instellingen die je moet instellen voor een goede caching.

Heb je het onthouden? We hebben W3 Total Cache al geactiveerd om minificatie mogelijk te maken. Ga dus naar het onderdeel Algemene Instellingen onder Prestaties in je WordPress Admin Dashboard menu aan de linkerkant.

Trage WordPress website? Versnel WordPress volledig in slechts 6 stappen 1
De Paginacaching Instellingen voor W3 Total Cache.

In dit scherm zie je de verschillende soorten caching die ik eerder introduceerde. Scroll naar het onderdeel Page Caching, en schakel het in. Kies uit het dropdown veld in deze sectie ofwel Disk Enhanced ofwel Memcached/Redis als dat mogelijk is. Niet alle hosts ondersteunen Memcached of Redis, dus het kan zijn dat het niet beschikbaar is. Als het wel beschikbaar is, kies dan een van beide voor de beste prestaties.

Scroll vervolgens naar Object Caching en schakel het in. Kies uit het dropdown menu in deze sectie Redis of Memcached indien beschikbaar. Kies anders schijf. Klik op Instellingen opslaan en Caches zuiveren.

Trage WordPress website? Versnel WordPress volledig in slechts 6 stappen 2
Object Caching Instellingen in W3 Total Cache

Zoals je ziet staat er onder de instelling Object Cache ook een sectie Browser Cache. Standaard is dit al ingeschakeld.

Als je hostingbedrijf Varnish ondersteunt, zoals Cloudways, voeg dan het lokale adres voor Varnish toe onder het kopje Reverse Proxy. In veel gevallen zal het lokale adres 127.0.0.1 zijn. Ook dik Schakel omgekeerde proxy in via Varnish.

Alternatieven voor W3 Total Cache

Er zijn talloze alternatieven voor W3 Total Cache die de snelheid van je WordPress website sterk kunnen verbeteren. Enkele voorbeelden ervan zijn:

  • WP Raket: Een betaalde plugin die heel gemakkelijk in te stellen is en ook Lazy Loading en Database Optimalisatie.
  • WP Supercache: Een pagina caching plugin. Bevat geen minificatie.
  • WP Snelste Cache: Een uitgebreide caching en minificatie plugin.
  • Als je Siteground Als host kun je hun eigen SG Optimizer plugin gebruiken. Hij werkt uitstekend samen met de Autoptimize plugin.

Opschonen van je Database en WordPress Installatie

Er zijn nog een paar andere factoren die de snelheid van je WordPress website beïnvloeden, vooral als je ingelogd bent in WordPress. Helaas kun je niet alles cachen.

Verwijderen van ongebruikte plugins en thema's

Eerst en vooral wil je alle ongebruikte plugins en thema's deactiveren en verwijderen. Een ongebruikte plugin die nog geactiveerd is, is een verspilling van middelen, want hij wordt nog geladen. Gedeactiveerde plugins en thema's worden niet geladen, maar ze kunnen nog steeds een veiligheidsrisico vormen als ze niet bijgewerkt worden.

De regel hier is om zo weinig mogelijk plugins te gebruiken zonder opofferend elke functionaliteit die je nodig hebt.

Opschonen en Optimaliseren van je Database

WordPress gebruikt een database om al zijn informatie in op te slaan, zoals de tekst die je in je berichten schrijft of de instellingen die je opslaat. Je zou het kunnen vergelijken met één groot excel bestand met verschillende tabbladen, en een heleboel rijen en kolommen gevuld met informatie.

Bovendien kan een WordPress database snel groeien, vooral als je een grote site hebt met veel berichten en plugins. En een grote database vertraagt je site, vooral als je ingelogd bent en niet kunt cachen. Er zijn een paar specifieke functies van WordPress die je database snel kunnen laten groeien:

  • WordPress bewaart revisies, back-ups, van je berichten, zodat je naar eerdere versies kunt reviseren.
  • WordPress gebruikt de database om tijdelijke gegevens op te slaan, die transiënten genoemd worden. Sommige plugins leunen hier zwaar op en kunnen veel tijdelijke gegevens opslaan, die daarna niet opgeschoond worden.

WP-Optimize gebruiken voor een snelle WordPress website

Opnieuw schiet een WordPress plugin te hulp! De WP-Optimize plugin is ontwikkeld voor het enkele doel om je database te optimaliseren. Installeer en activeer dus deze plugin via de Plugins pagina van je WordPress Admin gebied. Klik dan op het item WP-Optimize in het WordPress Admin Menu links onderaan.

Optimaliseer een WordPress database met WP-Optimize
Het instellingenscherm van WP-Optimize

Je komt in het instellingenscherm waar je geplande optimalisaties kunt instellen. Schakel het in, en zorg er ook voor dat je dik Verwijder Verlopen Tijdelijke Opties. Als je meteen wilt optimaliseren, kun je naar de Database Tab rechtsboven gaan en een van de opties kiezen om optimaliserenize.

Bonus: Inschakelen van een Content Delivery Network

Heb je al gehoord van een Content Delivery Network, afgekort als CDN? In principe betekent het dat de statische delen van je website (in het meeste geval zijn dat de afbeeldingen en de scripts en stijlen waar we het eerder over hadden) vanaf een server zo dicht mogelijk bij je bezoekers afgeleverd worden.

Het valt buiten het bestek van dit artikel om het in detail uit te leggen, maar in principe host een CDN dienst sommige delen van je website op je eigen servers. Zodra een bezoeker van een bepaalde plaats je website bezoekt, wordt een deel van deze inhoud over de dichtstbijzijnde CDN server geserveerd.

Dit maakt een CDN bijzonder nuttig in gevallen dat je een website hebt met wereldwijde bezoekers. Als je website alleen plaatselijke bezoekers heeft, is het niet strikt nodig. Maar, een CDN kan je ook wat bandbreedte besparen voor je oorspronkelijke hosting, omdat de statische delen via het CDN geladen worden.

Cloudflare, een gratis CDN

Een van de bekendste, en gratis (yay!) CDNs die er zijn is CloudFlare. En een CDN instellen met CloudFlare is eigenlijk heel eenvoudig:

  • Meld 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 je internetdomein kocht (de registrar). Dit is bij elke registrar anders, dus je moet nagaan hoe het bij jouw registrar werkt.
  • Wacht maximaal 24 uur. CloudFlare werkt nu met je WordPress website.

Een bijkomend voordeel van CloudFlare is dat het een extra beveiligingslaag aan je website toevoegt. Hoera! Vind je het niet leuk om CloudFlare? Andere bekende CDN's zijn KeyCDN, Amazon CloudFront, Snel en Stapelpad (vroeger bekend als MaxCDN).

Bonus: Hoe je website te analyseren

Nu komen we in de buurt van het terrein van webontwikkelaars en -professionals. Maar niettemin kan het helpen om te weten hoe je je website (op prestaties, uiteraard) op een basisniveau kunt analyseren.

Analyseer je website met Pingdom

Een hulpmiddel dat veel gebruikt wordt is de Pingdom website snelheidstest. Met Pingdom kun je de snelheid van je website testen vanaf verschillende plaatsen in de wereld. Het is gemakkelijk te gebruiken: je hoeft alleen je website in te voeren en het zal hem analyseren.

Trage WordPress website? Versnel WordPress volledig in slechts 6 stappen 3
Het resultatenscherm van pingdom.

Eerst toont het een overzicht van de resultaten zoals hierboven. Bovendien geeft het een paar aanbevelingen om je website te versnellen. Aan de meeste van deze aanbevelingen zou nu voldaan moeten zijn. Als je dit artikel uitvoert, natuurlijk :).

Pingdom website inhoudsgrootte en verzoeken per type
Verschillende soorten website activa naar hun type, van Pingdom.

Vervolgens toont Pingdom de grootte en het aantal verzoeken voor verschillende soorten inhoud (zoals hierboven getoond). Zo kan bijvoorbeeld een groot deel van de pagina uit afbeeldingen bestaan. Met deze informatie kun je besluiten om afbeeldingen te comprimeren. En dat kan al resulteren in een snelle WordPress website!

Watervalgrafiek voor de laadsnelheid van onze WordPress website
De watervalgrafiek

Als laatste wordt een Watervalgrafiek getoond. Deze laat zien hoe lang het duurt voor de eerste verbinding met je webpagina tot stand komt (het eerste item), en ook voor het laden van alle beelden, scripts en stylesheets. Hieruit kun je verschillende dingen leren:

  • Als het lang duurt voor de beginpagina geladen is, heb je misschien niet elke caching. Het wordt eerder in dit artikel beschreven.
  • Je ziet misschien scripts en stijlen van een extern domein, zoals een Google Analytics script. Als deze scripts er lang over doen om te laden, kun je overwegen andere scripts te gebruiken.
  • Het laat ook zien hoeveel verzoeken er nodig zijn om een pagina te laden. Het is aan te raden dit aantal zo veel mogelijk te verlagen. Verwijder dus onnodige afbeeldingen, en gebruik minificatie.

Andere hulpmiddelen voor analyse

Er zijn nog een paar andere hulpmiddelen die je kunt gebruiken om te meten of je WordPress site traag is. Deze worden veel gebruikt:

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

Thema's en Plugins analyseren

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

  • Gebruik DD: Bewaakt het gebruikte geheugen, de Tijd tot Eerste Byte (TTFB) en het aantal opvragingen. Nuttig als je eerste gegevens wilt zien, maar niet te veel details.
  • Vraag monitor: Registreert fouten in de code, gebruikte haken, geregistreerde scrips en het aantal opvragingen. Handig om te zien of je het aantal queries naar de database kunt beperken en om gedetailleerde informatie te bekijken.

Deze hulpmiddelen zijn vooral nuttig om te zien hoe zwaar plugins en thema's het hebben. Als beginnend WordPress professional kun je deze plugins gebruiken, verschillende thema's en plugins activeren en zien wat de effecten op de cijfers zijn. Op deze manier kun je meten of een thema of plug-in een grotere invloed heeft op de prestaties van je website.

Terug naar de zaak: hebben we WordPress versneld?

Wist je nog dat we onze testcase hadden? Kwamen we zo tot een snelle WordPress website? Laten we ontdekken wat de resultaten zijn na al onze WordPress snelheidsoptimalisatie.

De laadsnelheid resultaten voor een geoptimaliseerde WordPress website.
Onze verbluffende eindresultaten

Zoals je ziet, schaafden we bijna 1,2mb van onze paginagrootte af. Bovendien beperkten we het aantal van onze verzoeken van 64 tot 30. Tenslotte gingen we van een pagina laadtijd van 1,52 seconden naar een pagina laadtijd van 0,54 seconden. Missie volbracht!

En nu zijn we aan het eind gekomen van dit artikel over WordPress snelheid optimalisatie. Bedankt voor het lezen van dit uitvoerige artikel. Als je vragen of opmerkingen hebt, aarzel dan niet ze hieronder achter te laten.