{"id":34924,"date":"2020-09-09T23:04:13","date_gmt":"2020-09-10T06:04:13","guid":{"rendered":"https:\/\/kinsta.com\/?p=77508"},"modified":"2025-01-29T14:52:50","modified_gmt":"2025-01-29T13:52:50","slug":"w3-total-cache","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/w3-total-cache\/","title":{"rendered":"Zo configureer je de instellingen van W3 Total Cache voor je WordPress website"},"content":{"rendered":"

Met meer dan 1 miljoen actieve installaties is W3 Total Cache een van de populairste plugins voor caching<\/a> en optimalisatie binnen de WordPress bibliotheek. Anders dan andere WordPress optimalisatieplugins, die vaak een vrij eenvoudige en minimalistische interface hebben, geeft W3 Total Cache (W3TC) je volledige controle over de instellingen voor caching binnen je WordPress website<\/a>.<\/p>\n

Doordat de instellingen van W3TC zo gedetailleerd zijn is het een perfecte plugin voor developers of ervaren gebruikers die maximale controle over hun WordPress website zoeken. In dit artikel zullen we de instellingen van W3 Total Cache onder de loep nemen en doen we aanbevelingen voor de instellingen waardoor de prestaties van je WordPress website nog beter worden<\/a>.<\/p>\n

Als je klant bent bij Kinsta zul je bepaalde instellingen bij W3 Total Cache niet hoeven te gebruiken omdat onze hostingstack<\/a> standaard al veel optimalisaties verzorgt.<\/p>\n

Bijvoorbeeld, als onderdeel van onze Cloudflare integratie, slaat Edge Caching<\/a> je Kinsta site\/pagina cache op in een van Cloudflare’s wereldwijde netwerk van 300<\/strong> datacenters.<\/p>\n

Edge Caching is gratis inbegrepen bij alle Kinsta pakketten, vereist geen aparte plugin, en vermindert de tijd die nodig is om gecachete WordPress HTML te leveren met gemiddeld meer dan 50%<\/strong>!<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Zo installeer je W3 Total Cache<\/h2>\n

Als je W3 Total Cache nog niet hebt ge\u00efnstalleerd op je website, kun je dat direct doen vanuit je WordPress dashboard<\/a>. Zoek gewoon op “W3 Total Cache” binnen de pagina “Plugin toevoegen” en klik op installeren.<\/p>\n

\"Installeer
Installeer W3 Total Cache.<\/figcaption><\/figure>\n

Er is ook een Pro versie van W3 Total Cache, die aangeschaft kan worden via de website van BoldGrid<\/a>. De Pro versie biedt enkele extra features zoals REST API caching, Google Maps caching en extra uitbreidingen. In dit artikel zullen we de gratis versie uit de WordPress plugin bibliotheek<\/a> gebruiken.<\/p>\n\n

Waar worden de instellingen voor W3 Total Cache opgeslagen?<\/h3>\n

Na het installeren van W3 Total Cache zul je een tabblad “Performance” zien binnen de zijbalk van je WordPress admindashboard. Wanneer je klikt op het tabblad “Performance” zul je allerlei submenu’s te zien krijgen, zoals “General Settings”, “Page Cache”, “Minify” en nog veel meer.<\/p>\n

\"Instellingen
Instellingen in de zijbalk van W3 Total Cache.<\/figcaption><\/figure>\n

Je kan de instellingen voor W3 Total Cache ook vinden via het tabblad “Performance” in je WordPress admintoolbar.<\/p>\n

\"W3
W3 Total Cache admintoolbar instellingen<\/figcaption><\/figure>\n

Zo leeg je W3 Total Cache<\/h2>\n

Voordat we het gaan hebben over het instellen van W3 Total Cache, zullen we eerst kijken hoe je je cache kan legen, oftewel purgen. Wanneer je je muis boven het tabblad “Performance” in de admintoolbar laat zweven, zul je twee opties zien voor het legen van je cache.<\/p>\n

    \n
  1. Purge All Caches \u2013 <\/strong>leeg alle caches in \u00e9\u00e9n keer.<\/li>\n
  2. Purge Modules \u2013 <\/strong>leeg een individuele cache (bijv. minified assets, page cache, object cache, etc.).<\/li>\n<\/ol>\n
    \"Purge
    Purge W3 Total Cache.<\/figcaption><\/figure>\n

    Algemene instellingen van W3 Total Cache<\/h2>\n

    Nu gaan we verder kijken naar het menu “General Settings” van W3 Total Cache om enkele basisinstellingen goed te zetten.<\/p>\n

    Page Cache<\/h3>\n

    Standaard wordt elk individueel verzoek aan je WordPress website in realtime verwerkt. Voor bepaalde typen websites, zoals webshops<\/a> of forums<\/a> is deze dynamische rendering<\/a> ideaal. Maar voor bijvoorbeeld blogs, nieuwssites en andere sites zonder dynamische content, kan het toevoegen van een laag paginacaching helpen om de prestaties te verbeteren en het serververbruik te verminderen.<\/p>\n

    \"Instellen
    Instellen van page caching in W3TC.<\/figcaption><\/figure>\n

    Als je site wordt gehost door Kinsta, hoef je niet naar paginacaching te kijken. We hebben een op hoge prestaties afgestemde configuratie die op serverniveau de caching regelt, waarmee de pagina’s van je website automatisch gecachet<\/a> worden in statische HTML bestanden. Biedt je host geen paginacaching, dan kun je het hier via de W3 Total Cache plugin inschakelen.<\/p>\n

    Minify<\/h3>\n

    Het minify-en oftewel verkleinen van je HTML, CSS<\/a> en JavaScript assets kan de algehele grootte van je pagina’s verminderen, door onnodige witruimte te verwijderen. Voor de meeste WordPress websites is het genoeg om de “Minify” feature van W3 Total Cache in te schakelen met de optie “Auto” binnen de “Minify Mode”.<\/p>\n

    \"Minify
    Minify HTML, CSS, en JavaScript assets in W3TC.<\/figcaption><\/figure>\n

    In sommige gevallen kan dit minifying van assets<\/a> ervoor zorgen dat CSS of JavaScript code niet meer goed uitgevoerd wordt, waardoor je zichtbare fouten aan de voorkant van je website ziet. Wanneer je vreemde problemen op je website ziet na het verkleinen van assets, raden we je aan om met een developer te werken<\/a> aan het identificeren van de bestanden die problemen veroorzaken. Nadat je weet waar de problemen vandaan komen kun je vervolgens de “Minify” feature in de “Manual” modus gebruiken, waarbij je specifieke bestanden kunt omzeilen.<\/p>\n

    Opcode Cache<\/h3>\n

    WordPress is een dynamisch CMS, wat betekent dat PHP threads<\/a> constant code uitvoeren op de achtergrond. Opcode cache<\/a> maakt je website sneller door gecompileerde PHP code op te slaan, waardoor latere verzoeken die dezelfde code gebruiken worden versneld.<\/p>\n

    \"Inschakelen
    Inschakelen van opcode caching in W3TC.<\/figcaption><\/figure>\n

    Wanneer je site wordt gehost door Kinsta, hoef je geen opcode caching in te schakelen via W3 Total Cache. We activeren standaard OPcache, een opcode cache – in alle live omgevingen. OPcache is uitgeschakeld in testomgevingen<\/a> zodat gecompileerde PHP code niet gecachet wordt. Dit is namelijk onhandig tijdens het ontwikkelen van sites en debugging<\/a>.<\/p>\n

    Wanneer jouw host geen opcode caching biedt, raden we je aan dit in te schakelen in W3 Total Cache. Wees je ervan bewust dat opcode cache alleen beschikbaar is binnen de Pro versie van W3TC.<\/p>\n

    Database Cache<\/h3>\n

    De database van W3TC slaat de resultaten van MySQL databasequery\u2019s<\/a> op. Dat klinkt misschien handig, maar we raden je aan om deze optie uit te laten staan en in plaats daarvan een object cache te gebruiken.<\/p>\n

    \"Databasecaching
    Databasecaching in W3 Total Cache.<\/figcaption><\/figure>\n

    We hebben gemerkt dat in sommige gevallen databasecache kan resulteren in erg hoog CPU verbruik. Je bespaart door het opslaan van databasequery\u2019s wellicht CPU kracht, maar dit wordt vaak tenietgedaan doordat deze feature zelf \u00f3\u00f3k CPU kracht vraagt.<\/p>\n

    Object Cache<\/h3>\n

    Binnen de context van WordPress, bewaart een objectcache<\/a> de resultaten van voltooide databasequery\u2019s. WordPress heeft een ingebouwde objectcache, maar die bewaart de data van slechts \u00e9\u00e9n pagina. Hierdoor worden pagina’s effici\u00ebnter gerenderd, omdat het laden van een pagina geen CPU kracht kost wanneer deze wordt uitgevoerd aan de hand van al eerder uitgevoerde (en dus identieke) databasequery\u2019s.<\/p>\n

    Alhoewel deze ingebouwde objectcache van WordPress zeker voordelen biedt wat prestaties betreft, is een objectcache die data bewaart van verschillende pagina’s natuurlijk nog beter. De “Object Cache” feature van W3TC voegt een custom cachingscript toe aan \/wp-content<\/code>, en zorgt ervoor dat de objectcache van WordPress voortaan data bewaart van verschillende pageloads.<\/p>\n

    We raden je aan om de objectcache van W3TC in te schakelen op je WordPress website zodat verzoeken die databasequery\u2019s gebruiken worden versneld. Dit is niet nodig als je website wordt gehost door Kinsta<\/strong>.<\/p>\n

    \"W3
    W3 Total Cache object cache.<\/figcaption><\/figure>\n

    Wanneer je site namelijk door Kinsta wordt gehost, bieden we een high-performance layer aan voor objectcaching die draait via onze Redis add-on<\/a>. Redis is een open-source in-memory datastructuur die vaak gebruikt wordt voor toepassingen die een database of messagebroker gebruiken.<\/p>\n

    Aangezien Redis de data cachet<\/a> in de RAM, kan WordPress de gegevens uit de cache laden uit een permanent object cache<\/a> die veel sneller is dan traditionele objectcaches.<\/p>\n

    Browser Cache<\/h3>\n

    Browsercaching<\/a> kan ervoor zorgen dat je WordPress website veel sneller wordt, door statische assets zoals CSS, JavaScript, afbeeldingen en lettertypen lokaal op te slaan. Browsercaching gebruikt een vervaldatum om te bepalen hoe lang bestanden in de cache blijven. Tegenwoordig gebruiken de meeste developers een vervaltijd van \u00e9\u00e9n jaar voor statische assets.<\/p>\n

    \"Inschakelen
    Inschakelen van browsercaching in W3 Total Cache.<\/figcaption><\/figure>\n

    Bij websites die door Kinsta gehost worden, wordt een cacheperiode van 1 jaar ingesteld voor statische bestanden. Dit kun je controleren door de cache-control<\/code> header te bekijken van een statisch bestand dat door Kinsta gehost wordt. Als jouw webhost geen “far-future expiry time” oplegt voor browsercaching, kan je de “Browser Cache” feature van W3 Total Cache inschakelen en een vervaltijd instellen.<\/p>\n

    CDN (Content Delivery Network)<\/h3>\n

    Gebruik je een CDN<\/a>, oftewel Content Delivery Network, om statische bestanden te offloaden naar datacenters wereldwijd, dan kan je W3 Total Cache de juiste CDN hostname laten toevoegen aan de URL’s<\/a> van je themabestanden<\/a>, mediabestanden, CSS, JS en nog veel meer.<\/p>\n

    \"CDN
    CDN instellingen in W3 Total Cache.<\/figcaption><\/figure>\n

    Wordt je site gehost door Kinsta, dan raden we je aan om het Kinsta CDN<\/a> te gebruiken, een content delivery network dat hoge prestaties biedt en draait op Cloudflare. Wanneer het Kinsta CDN is ingeschakeld, zullen de URL’s van statische bestanden automatisch worden herschreven zodat ze vanaf het Kinsta CDN laden.<\/p>\n

    Gebruik je liever een andere CDN provider of wordt je site niet gehost door Kinsta, dan kun je de “CDN” feature van W3 Total Cache gebruiken om je CDN URL toe te voegen.<\/p>\n

    Reverse Proxy<\/h3>\n

    Een reverse proxy bevindt zich tussen je webserver en WordPress, en kan gebruikt worden om op basis van bepaalde voorwaarden veranderingen aan te brengen in inkomende verzoeken. W3TC ondersteunt Varnish, een populaire “HTTP accelerator” voor het cachen en laden van data, dat als doel heeft de back-end te ontlasten.<\/p>\n

    Om Varnish te kunnen gebruiken, moet je host eerst het Varnish pakket installeren. Bij Kinsta kan je de reverse proxy<\/a> niet inschakelen, aangezien onze infrastructuur niet is ontworpen om met Varnish te werken.<\/p>\n

    User Experience<\/h3>\n

    De “User Experience” optimalisatie van W3TC maakt lazy loading<\/a>, het uitschakelen van emoji’s, en het uitschakelen van het wp-embed.js<\/code> script mogelijk. We raden je aan om lazyloading in the schakelen voor je WordPress website om het laden van pagina’s sneller te maken. Als je nog geen lazyloading via een plugin of browsers gebruikt, raden we je aan om dit via W3 Total Cache in te schakelen.<\/p>\n

    \"Instellingen
    Instellingen voor user experience in W3TC.<\/figcaption><\/figure>\n

    De meeste besturingssystemen bieden tegenwoordig ingebouwde ondersteuning voor emoji’s<\/a>. Gebruik je niet heel veel emoji’s, dan kun je dus het emojiscript van WordPress uitschakelen. Door W3TC te gebruiken voor het verwijderen van wp-emoji-release.min.js<\/code> zul je ongeveer 10 KB van pagina’s afhalen \u00e9n doe je een HTTP verzoek minder.<\/p>\n

    Ook manier kun je ook wp-embed.js<\/code> uitschakelen met W3 Total Cache als je geen WordPress artikelen insluit. Het uitschakelen van dit script heeft geen effect op de oEmbed functie voor het insluiten van YouTube video’s<\/a>, SoundCloud streams, etc.<\/p>\n

    Miscellaneous<\/h3>\n

    W3 Total Cache heeft een aantal overige (Miscellaneous) instellingen voor verdere aanpassingen. Als je een Google Page Speed<\/a> dashboardwidget in WordPress wilt weergeven, kan je je Page Speed API sleutel invoeren. Er is ook een mogelijkheid voor het weergeven van je Page Speed beoordeling in het menu van elke pagina van je WordPress website.<\/p>\n

    \"Overige
    Overige instellingen in W3 Total Cache.<\/figcaption><\/figure>\n

    We raden aan andere instellingen, zoals \u201cNGINX server<\/a>\u00a0configuration file path\u201d, \u201cenable file locking\u201d en \u201coptimize disk enhanced page and minify disk caching for NFS\u201d te laten staan op de standaardinstellingen, tenzij je een specifieke reden hebt iets te veranderen.<\/p>\n

    Debug<\/h3>\n

    Voor het oplossen van problemen op je website beschikt W3 Total Cache over een handig “Debug” menu waarmee je specifieke cachinglayers en optimalisatie-instellingen kan uitschakelen. Zie je bijvoorbeeld een visuele fout op je site, dan kan je de debugmodus inschakelen voor de “Minify” optie, waardoor er HTML comments worden toegevoegd aan de broncode van je pagina, om het makkelijker te maken fouten op te sporen.<\/p>\n

    \"Debug
    Debug mode in W3 Total Cache.<\/figcaption><\/figure>\n

    Aangezien de debugmodus meer vergt van je server, raden we je aan het alleen te gebruiken binnen een testomgeving<\/a> of tijdens periodes met weinig verkeer naar je website. En vergeet natuurlijk niet de debugmodus weer uit te zetten nadat je alle problemen hebt opgelost!<\/p>\n

    Import\/Export instellingen<\/h3>\n

    Na het configureren van alle instellingen, kun je de “Import\/Export” functie van W3TC gebruiken om een back-up van je instellingen te maken. Zoals je gezien hebt heeft W3 Total Cache nogal veel instellingen, dus is het erg handig dit allemaal ergens op te kunnen slaan. Daarnaast kun je hiermee eenvoudig je voorkeursinstellingen gebruiken voor andere websites, zonder alles weer handmatig af te moeten gaan.<\/p>\n

    \"Importeren
    Importeren en exporteren van de instellingen van W3TC.<\/figcaption><\/figure>\n

    Instellingen van W3 Total Cache \u2014 Page Cache<\/h2>\n

    We gaan nu gedetailleerder kijken naar de instellingen voor “Page Cache” van W3 Total Cache. Zoals gezegd hoef je niet aan de slag met paginacaching als je gehost wordt bij Kinsta, dan kun je dit stuk dus gewoon overslaan.<\/p>\n