Hoe je de WordPress cache kunt legen

Heb je ooit wijzigingen aan je website aangebracht, bijvoorbeeld een CSS wijziging, en dat je dit niet direct op de website zag veranderen?

Of wat dacht je van een nieuw artikel dat je publiceert en dat gek genoeg niet direct op de homepage verschijnt.

De kans is groot dat de cache hiermee te maken heeft. In dit artikel vertel ik je wat cache is en hoe je deze kunt legen, zodat je alle wijzigingen op je WordPress-website weer netjes ziet.

Wat is cache?

Met cache wordt een statische versie van je website opgeslagen. Het zorgt ervoor dat je website sneller geladen kan worden en zware php scripts niet elke paginaweergave gedraaid hoeven te worden.

Er kan caching op verschillende niveaus plaatsvinden. Voor een WordPress-website zijn er drie verschillende cache types. Zo heb je de browser cache, cache plugins en server cache.

De browser cached diverse bestanden van websites die niet vaak veranderen. Wanneer een pagina opnieuw bezocht wordt hoeft dus niet altijd alles via de server geladen te worden, omdat de browser deze informatie uit zijn eigen geheugen pakt.

Cache plugins zorgen er met name voor dat er statische HTML-pagina’s van je webpagina’s gemaakt worden. Deze HTML-pagina’s kunnen razendsnel aan je bezoekers worden voorgeschoteld, doordat alles al netjes klaarstaat en niet opgehaald hoeft te worden uit de database.

Tot slot kan het ook zijn dat er op serverniveau een cache plugin of script gedraaid wordt. In dit geval worden webpagina’s vaak ook als HTML-pagina’s opgeslagen en kunnen andere bestanden gecached worden om alles zo snel mogelijk te maken.

Het doel van caching is dus simpelweg gezegd het optimaliseren van de snelheid van je website en het verbeteren van de gebruikerservaring. Het kan alleen soms gebeuren dat je door de cache bepaalde veranderingen niet direct ziet. Dit kan frustrerend zijn als je aan het sleutelen bent aan je website. In dit geval is het handig om de cache te legen, zodat je de veranderingen wel weer ziet.

Browser cache legen

Wanneer je zelf de enige bent die geen verandering ziet, zal het aan je browser cache liggen. Browsers slaan namelijk regelmatig afbeelding, CSS en JavaScript-bestanden op en zien niet altijd dat er veranderingen in zijn aangebracht.

Om te zorgen dat alles weer opnieuw opgepikt wordt vanaf de website en niet vanaf de browser cache, zal je de cache van je browser moeten legen. Je kunt dit op de volgende manier doen:

  • Chrome – Instellingen (drie punten), Meer hulpprogramma’s, Browsegegevens wissen
  • Firefox – Menu (hamburger), Voorkeuren, Geavanceerd, Netwerk, Gebufferde webinhoud, Nu wissen
  • Safari – Ontwikkel, Leeg caches
  • Edge – Opties (drie punten), Instellingen, Browsegegevens wissen

Wanneer je dit gedaan hebt, heb je succesvol je browser cache geleegd. Vernieuw de pagina en bekijk of je de veranderingen nu wel ziet. Zie je nog steeds de wijzigingen niet die je hebt uitgevoerd? Dan is het handig om de cache van je website te legen.

Cache legen van een WordPress cache plugin

Maak je gebruik van een plugin als WP Super Cache, W3 Total Cache of een andere cache plugin? Het kan dan heel goed zijn dat je de cache van deze plugin moet legen voordat je de wijziging kunt zien.

Bij de meeste plugins is er een knop te vinden waarmee je de cache van je website kunt legen. Hieronder zal ik even beschrijven waar je het kunt vinden bij twee populaire cache plugins.

Cache legen in WP Super Cache

Wanneer je WP Super cache op je website hebt geïnstalleerd en de cache wilt legen, kun je dit doen met een druk op een knop. De delete cache knop kun je vinden door naar Instellingen -> WP Super Cache te gaan en vervolgens het tabblad “Easy”.

WP Super Cache, delete cache knop

Eenmaal op deze pagina kun je op de knop “Delete cache” klikken en alle cache bestanden van je website worden voor je weggegooid.

Cache legen in W3 Total Cache

Heb je W3 Total Cache geïnstalleerd op je website, dan kun je de cache ook legen met een druk op de knop. Bij W3 Total Cache kun je naar Performance -> Dashboard gaan en dan zal je direct een knop “Empty all caches” zien staan.

W3 Total Cache, empty caches knop

Zodra je op de knop klikt worden alle bestanden in de cache weggegooid.

Server cache legen

Mochten bovenstaande opties niet werken, dan bestaat de kans dat er op serverniveau een cache script draait. Dit doen hostingproviders om de server zo min mogelijk te belasten. Het wordt alleen niet altijd kenbaar gemaakt, waardoor je misschien niet weet dat er op serverniveau ook caching aanstaat.

Hoe je de server cache kunt legen en hoeveel invloed je erop hebt hangt van je hostingprovider af. Je zou kunnen kijken in cPanel, DirectAdmin, Plesk of een ander controlepaneel of er een optie is om de cache te legen.

Een andere optie is om aan je hostingprovider te vragen wat de mogelijkheden zijn, omdat je de wijzigingen niet direct ziet op je website. Wel moet je dan natuurlijk eerst weten of er caching op serverniveau aanstaat, dit kun je dan ook beter eerst vragen.

Tegenwoordig wordt er door steeds meer hostingproviders gebruik gemaakt van Varnish caching. Een plugin als Varnish HTTP Purge kan je dan helpen om de cache te legen.

Tot zover de verschillende manieren om de cache te legen en hopelijk je probleem op te lossen. Het is niet heel moeilijk om de cache te legen, maar je moet net weten hoe en waar je dit kunt doen.

10 reacties Voeg ook een reactie toe

  1. Alleen nu de uitdaging dat ik wil dat klanten die al eerder op de site zijn geweest de wijzigingen ook zien. Ik kan moeilijk hun cache legen. 🙁

    Weet jij hier een oplossing voor?

  2. Hoi, heb een vraagje heb voor mijn website plugin wp fastest cash gebruikt en deze vewijderd wp super cash geinstaleerd.

    Alleen nu blijft waarschijnlijk oude cash hangen ondaks ik leeg heb gemaakt.

    Heb je enig idee wat ik kan doen ?

    Bedankt

  3. Hoi Maikel, Ik doe precies wat je zegt om een lees verder stukje te maken met de knop. ik zie wel dat het ingevoegd is maar als ik naar mijn pagina kijk op de site is er niets gebeurd behalve een witregel ertussen. Kan je deze functie alleen in blogs gebruiken? Heb jij nog een andere optie wat ik zou kunnen doen. Het mooiste is een knop die je in kan drukken om de rest van de tekst (opsomming) te zien.

    • Wanneer je de pagina zelf bezoekt zal je nooit een lees verder knop zien staan. Voor pagina’s geldt het eigenlijk alleen als je op de website zoekt. Je krijgt dan in de zoekresultaten de lees verder knop te zien. Voor blogs werkt het ook op de homepage en categoriepagina’s.

      Je zou echter eens kunnen kijken naar de plugin Read More, deze plugin doet volgens mij wat je wilt bereiken.

  4. Wanneer ik wijzigingen aan de website heb aangebracht en ik zie ze niet dan druk ik op het toetsenbord altijd op F5.
    Dan zijn alle wijzigingen wel doorgevoerd.
    groetjes: Joop

Geef een reactie