Browser cache: wat is het en hoe leeg je het?

Je hebt er vast wel eens van gehoord: cache. In de vorm van browser caching, server caching, of misschien denk je gewoon aan de opslag op je computer. Of misschien denk je wel helemaal nergens aan. Dat maakt ook niet uit. In dit artikel gaan we dieper in op browser cache. Wat is browser cache precies, hoe lang leeft het en bovenal: hoe leeg je die cache?

Wat is browser caching?

Bij het laden van een website worden er veel kleine bestandjes geladen. Soms wel honderden. Al deze kleine bestandjes bevatten informatie over de website: hoe ziet de website er uit, hoe reageert de website als ik ergens op klik en welke afbeeldingen worden er getoond?

Als de browser elke keer dat jij een pagina op een website bezoekt al deze bestandjes opnieuw op zou moeten halen, kost dat natuurlijk enorm veel tijd en bandbreedte. Je mobiele databundel zou zo ook snel leeg zijn. Om die reden slaat je browser deze bestandjes allemaal op, zodat hij ze bij een nieuw bezoek direct tevoorschijn kan halen: uit de cache. Alle bestanden worden lokaal op je computer of smartphone opgeslagen, zodat websites sneller geladen worden.

Hoe lang leeft cache

Dat je browser de bestanden van de website cachet is inmiddels duidelijk, maar hoe lang blijven deze bestanden dan bestaan? Bedenkt een browser dat het soms een keer tijd is om te controleren of er nieuwe bestanden zijn? Het antwoord is dat dit verschilt per website. Een websitebouwer kan met zogenaamde Expires Headers aangeven hoe lang alle bestanden bewaard moeten blijven. Dit kan verschillen van een enkele seconden tot een jaar.

Om je website zo snel mogelijk te maken (en te houden), wil je dus eigenlijk dat je cache zo lang mogelijk leeft. Maar pas op, want je wil natuurlijk wel dat bepaalde wijzigingen wel zichtbaar zijn voor je bezoekers. Gelukkig kun je per bestandstype instellen hoe lang je browser het bestand moet bewaren.
Binnen WordPress kun je de Expires Headers aanpassen met diverse plugins, zoals W3 Total Cache, Add Expires Headers of Far Future Expiry Header.

Hoe leeg je je cache

Wanneer we wijzigingen doorvoeren aan websites voor onze klanten, zijn die wijzigingen vaak niet direct zichtbaar. Dit komt, je raadt het vast al, door de browser cache. De oude opmaak staat nog opgeslagen in de browser, waardoor de nieuwe opmaak niet zichtbaar is. Gelukkig zijn er genoeg manieren om de cache te legen, waardoor de wijzigingen zichtbaar worden.

Er zijn twee manieren die je kunt gebruiken: je kunt met sneltoetsen de pagina hard refreshen, of je kunt in je browser-instellingen de cache handmatig legen. Werk je op Windows of Linux, probeer dan de pagina eens te herladen met de toetscombinatie CTRL+F5. Op Mac doe je dit met CMD+R. Werkt dit niet? Probeer dan eens SHIFT in te drukken en klik met je muis op het ververs-icoon in je browser.

Mocht het herladen niet lukken met sneltoetsen, of wil je er gewoon zeker van zijn dat je browser echt geen bestanden meer gecachet heeft, dan kun je de browser cache handmatig legen. Hoe dit moet, verschilt per browser.

Cache legen in Chrome (desktop)

De browser cache legen in Chrome gaat gelukkig makkelijk. Rechtsbovenin zie je drie puntjes. Klik hierop en kies onderin voor Instellingen. Een nieuwe pagina opent zich. Scroll naar beneden tot je het kopje ‘Privacy en beveiliging’ ziet. Hier klik je op Browsegegevens wissen. Een pop-up opent en vraagt wat je precies wilt wissen. Klik bij Periode eerst nog even op ‘Alles’ en zorg dat je dan in elk geval het onderste vinkje ‘Gecachte afbeeldingen en bestanden’ aan hebt staan. Natuurlijk kun je ook gelijk je browsegeschiedenis en cookies hier wissen.

Cache legen in Firefox

Wil je de browser cache legen in Firefox, ga dan rechtsbovenin naar de drie horizontale streepjes en kies ‘Voorkeuren’. Kies dan links voor Privacy & Beveiliging. Scroll naar beneden tot je het kopje ‘Cookies en websitegegevens’ ziet en klik daar op ‘Gegevens wissen…’. Je ziet een popup, en zorg dat hier in elk geval het vinkje voor ‘Gebufferde webinhoud’ aangevinkt staat. Klik op wissen en je cache is gewist.

Cache legen in Safari (Mac OS)

De browser cache legen in Safari gaat samen met het legen van cookies en andere lokale opslag. Je leegt deze door linksboven op Safari te klikken en dan op Voorkeuren (je krijgt dit venster ook door CMD+, in te toetsen). Ga naar het tabblad Privacy en klik op ‘Beheer websitegegevens…’ Vervolgens kies je de website waarvan de gegevens verwijderd moeten worden, of kies je voor ‘Verwijder alles’.

Cache legen in Edge

De browser cache legen in Edge kun je doen door rechtsbovenin op de drie puntjes te klikken en te kiezen voor ‘Instellingen’. Kies vervolgens links voor ‘Privacy, zoeken en services’. Bij het kopje Browsegegevens wissen vind je de knop ‘Kiezen wat u wilt wissen’. Klik hierop en in de popup kies je vervolgens ‘Afbeeldingen en bestanden in de cache’. Klik op ‘Nu wissen’ en alle gegevens zijn gewist.

Cache legen in Brave

Brave is een relatief nieuwe browser, maar wordt steeds populairder omdat het automatisch advertenties blokkeert. Wil je in Brave de browser cache legen, dan gaat dit als volgt: ga rechtsboven naar de drie horizontale streepjes en kies onderaan ‘Instellingen’. Een nieuwe pagina opent. Klik linksonder op ‘Aanvullende instellingen’ en vervolgens op ‘Privacy en beveiliging’. Kies vervolgens Browsegegevens wissen. Een popup opent. Kies bij Periode ‘Alles’ en zorg vervolgens dat in elk geval het vinkje voor ‘Gecachte afbeeldingen en bestanden’ aan staat. Klik op ‘Gegevens wissen’ en leeg is de cache.

Cache legen in Safari (iOS)

Ook op je smartphone en tablet wordt browser cache opgeslagen. Gelukkig gaat cache legen hier net zo makkelijk als op een normale computer. Ga naar Instellingen en zoek Safari op. Scroll een stukje naar beneden tot je ‘Wis geschiedenis en websitedata’ ziet staan. Klik hier op en wis alles.

Let op: wil je niet dat ook je geschiedenis gewist wordt? Scroll dan iets verder naar Geavanceerd en kies Websitedata. Het duurt even voordat alle informatie ingeladen is, maar wanneer alles geladen is kun je onderin kiezen voor ‘Verwijder alle websitedata’, of klik rechtsbovenin op ‘Wijzig’ en verwijder alleen de website(s) die je wilt.

Cache legen in Chrome (Android)

Op je Android smartphone of tablet kun je de browser cache van Chrome ook gemakkelijk wissen. In Chrome kies je rechtsbovenin voor de drie puntjes. Klik op ‘Geschiedenis’ en dan op ‘Browsegegevens wissen’. Zorg dat je bovenaan bij periode ‘Alles’ selecteert en zorg dat de optie ‘Gecachte afbeeldingen en bestanden’ aangevinkt staat. Kies dan voor ‘Gegevens wissen’.

Ben je door het lezen van dit artikel benieuwd geworden naar wat we doen voor onze klanten en waarom browser cache hierin een rol speelt? Neem dan snel een kijkje bij onze Diensten en producten pagina en wie weet kunnen we binnenkort ook voor jou aan de slag!