Wat is caching?<\/h2>\n![\"Zo](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/03\/How-Web-Cache-Works.png\")
Zo werkt webcaching.<\/figcaption><\/figure>\nEen cache pakt de data die verwerkt worden door een app en slaat ze op voor later gebruik. Dit hoeft dus niet per se<\/em> in de browser te zijn, maar je ziet wel dat websites en de onderliggende technologie vaak caching<\/a> gebruiken. Caching is de term voor het opslaan van data en vervolgens weer ophalen uit het geheugen.<\/p>\nEen cache bestaat meestal uit twee onderdelen:<\/p>\n
\n- De caching software voert het proces uit, en stuurt de benodigde data rond naar verschillende onderdelen.<\/li>\n
- Random Access Memory (RAM) en \u201cIn-Memory\u201d engines. Deze slaan de data op die de cachingtechnologie ze geeft.<\/li>\n<\/ul>\n
Deze elementen moeten allemaal van hoge kwaliteit zijn en perfect samenwerken. Trage RAM kan de data niet snel genoeg ophalen om effici\u00ebnt gebruikt te worden door de software.<\/p>\n
Een cache is tegenwoordig praktisch noodzakelijk voor de meeste webtoepassingen, gezien de gebruikelijke bestandsgrootte van pagina’s. Een goede implementatie van caching kan je meerdere seconden in laadtijd opleveren. Een gebruiker die aangeeft dat een website lekker snel laadt, geeft meestal vooral een indirect compliment aan de cachingsoftware die gebruikt wordt door de server van de website.<\/p>\n
We zullen dit verderop verder uitleggen.<\/p>\n\n
Hoe een cache kan helpen bij het optimaliseren van je websites<\/h2>\n
Computertechnologie is zich altijd aan het ontwikkelen. Daardoor nemen geheugen, opslagruimte op harde schijven, en andere capaciteit snel toe. De dagen dat een Personal Computer met 64 KB aan RAM indrukwekkend was, liggen ver achter ons, en tegenwoordig meten we minimaal in Gigabytes (GB) aan RAM. De meer recente Apple MacBooks<\/a> leveren zelfs al 64 GB aan geheugen, toch een miljoen keer meer dan de vroege PC’s.<\/p>\nWebsites worden dan ook steeds zwaarder<\/a> door de mogelijkheden en eisen van modern webdevelopment en bijbehorende technologie. Hierbij wordt niet alleen maar processorkracht van de computer van de eindgebruiker gevraagd, maar ook een robuustere server en de technologie die alles ondersteunt. Zonder geheugen (en caching) worden laadtijden veel te lang om praktisch interessant te zijn.<\/p>\nDaarom erkent Search Engine Optimization (SEO) al lang dat de laadsnelheid van pagina’s een primaire ranking-factor voor websites<\/a> moet zijn. Alhoewel de precieze weging niet bekend is, telt de snelheid van een website<\/a> mee in de plaatsing van een site in de Search Engine Results Pages (SERP’s), oftewel de zoekresultaten.<\/p>\n![\"Gelukkig](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/05\/kinsta-page-size.png\" "\\"Kinsta's")
Gelukkig is de homepage van Kinsta dan ook licht en snel.<\/figcaption><\/figure>\nAlhoewel rankmetrics de snelheid van een website niet als directe indicator kunnen gebruiken, aangezien het meten van snelheid van veel te veel andere zaken afhankelijk is, worden wel veel indirecte aspecten meegerekend. Zo hebben bijvoorbeeld de kwaliteit van de HTML code<\/a> van je website en de laadtijden vanuit Google Chrome zeker een impact.<\/p>\n![\"De](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/05\/kinsta-performance.png\" "\\"Kinsta's")
De laadsnelheden voor pagina’s van Kinsta vanuit Brave’s DevTools<\/figcaption><\/figure>\nVanuit de User Experience (UX) is een bekende richtlijn dat gebruikers een website weer zullen verlaten na slechts twee seconden te moeten wachten<\/a>. Dat levert meerdere problemen op:<\/p>\n\n- Je Google RankBrain optimalisatie, waarbij je bounce rate<\/a> meetelt, moet perfect zijn, anders hebben al je SEO-activiteiten eigenlijk geen nut.<\/li>\n
- Kortere laadtijden helpen om je bounce rate onder controle te houden.<\/li>\n
- De UX van je website is \u00e9\u00e9n van de belangrijkste onderdelen voor gebruikers.<\/li>\n<\/ul>\n
Caching kan bij al deze aspecten helpen door de laadtijden van je pagina’s te verkorten. Daarnaast zal je website ook minder capaciteit nodig hebben, wat ook impact heeft.<\/p>\n
In het algemeen zal een website die snel laadt en relevante en recente informatie laat zien, het beter doen dan een tragere concurrent.<\/p>\n
Tijd om te kijken naar enkele problemen die je tegen kan komen bij het implementeren van caching.<\/p>\n
De problemen die caching mogelijk kan veroorzaken<\/h3>\n
Uiteraard kunnen er problemen ontstaan met caching, zoals met alle aspecten van je website. Het grootste gevaar is het implementeren van een cache die te goed is<\/em>. Een grote en regelmatig verversende cache is simpelweg niet nodig voor de meeste kleinere websites. Hierdoor bestaat de kans dat je server namelijk capaciteit besteedt aan het cachen van pagina’s die helemaal niet veranderd zijn.<\/p>\nAan de andere kant, als je niet goed of genoeg cachet, kan het zijn dat je bezoekers een verouderde pagina te zien krijgen. Dit probleem kan soms opspelen bij WordPress websites. Maar gelukkig zijn er tips<\/a> om dat te verhelpen.<\/p>\nUiteraard kan het aanleveren van een verouderde pagina uit de cache problemen opleveren. Denk bijvoorbeeld maar eens aan een website met informatie over de pandemie, die regelmatig informatie bijwerkt. Stel je dan eens voor wat de impact zou zijn van slechte of niet-bestaande browsercaching.<\/p>\n
Gelukkig is het vrij eenvoudig om caching zodanig in te stellen dat deze nadelen beperkt blijven. We zullen dit verderop precies laten zien.<\/p>\n
Technologie\u00ebn die gebruiken maken van caching<\/h2>\n
We hebben al besproken hoe caching op verschillende manieren betrokken is bij het verwerken van verzoeken. Maar in dit artikel zullen we ons verder focussen op non-CPU caches<\/a>. Als je eens kijkt naar de technische gegevens van de Apple MacBook, zie je dat er meestal een aantal megabytes (MB) aan cache op de processorchip zitten:<\/p>\n![\"Specificaties](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/05\/apple-macbook-specs.png\" "\\"The")
Specificaties van Apple MacBook, met een ingebouwde cache.<\/figcaption><\/figure>\nDergelijke caching zien we ook op mobiele apparaten.<\/p>\n
Maar we zijn nu vooral benieuwd naar caching waarbij servers op \u00e9\u00e9n of andere manier worden gebruikt. Enkele van de verschillende technologie\u00ebn die we hier zullen bekijken:<\/p>\n
\n- Browsers. <\/strong>Een\u00a0browsercache<\/a>\u00a0is het eerste waar je aan denkt bij technologie voor caching. In een browsercache worden herhaalde verzoeken opgeslagen zodat die de volgende keer sneller geladen worden.<\/li>\n
- Apparaten<\/strong>. Alhoewel de precieze werking van processorchips te ver gaat voor dit artikel, gebruiken zowel browsers als andere toepassingen op het apparaat vaak het geheugen en de RAM om data te cachen.<\/li>\n
- Apps. <\/strong>Ja, ook apps kunnen een eigen cache hebben voor veelgebruikte data. Ook hierbij wordt gebruikt gemaakt van non-CPU opslagruimte op het apparaat om data te cachen.<\/li>\n
- Servers. <\/strong>Nog een veelgebruikte plek voor caching. Een deel van de data die rondgepompt wordt op servers kan opgeslagen worden en vervolgens uit het geheugen gebruikt worden voor sneller gebruik. Een goed voorbeeld hiervan is de Redis cache<\/a>.<\/li>\n
- Domain Name Server (DNS) caching.<\/strong>Een specifieke toepassing voor caching. De machines die dit werk doen, zijn gespecialiseerd in het cachen van data, zodat gewone servers de data kunnen rondsturen, terwijl de DNS caches<\/a> een soepel netwerk verzorgen.<\/li>\n<\/ul>\n
Voordat we verder gaan, is het de moeite waard om een aantal punten te noemen die met de technologie rondom caching te maken te hebben. Zo kan je het opslaan van cookies bijvoorbeeld zien als iets dat sterk lijkt op het cachen van webpagina’s. En in veel opzichten is dat waar. Zo worden cookies opgeslagen op je computer, nadat de browser ze ontvangen heeft. Het verschil is dat cookies informatie opslaan over jou<\/a> en jouw gebruik, en niet over de pagina die je bezoekt.<\/p>\nEen\u00a0Content Delivery Network (CDN)<\/a>\u00a0is nog moeilijker te onderscheiden van een cache, aangezien die technisch gezien hetzelfde doet als een cache. Een CDN slaat een hele website op als statisch bestand, in plaats van met de website samen te werken. Daardoor, alhoewel het oppervlakkig gezien veel op caching lijkt, is het een heel andere manier van opslaan en afleveren van websites, die nog steeds caching nodig heeft om snel uitgevoerd te kunnen worden.<\/p>\nSommige CDN’s, zoals Cloudflare, regelen beide aspecten (en nog meer), wat \u00e9\u00e9n van de redenen is dat Kinsta met hen \u00a0samenwerkt<\/a> om de websites van onze klanten nog sneller en veiliger te maken.<\/p>\nCaching bij WordPress<\/h2>\n
Ondanks het feit dat wij ontzettend veel van WordPress houden, is het niet het snelste platform. Als je WordPress gebruikt voor je website, moet je caching implementeren<\/a> om een snelle website-ervaring neer te zetten voor je bezoekers. De snelheid van je website is een gezamenlijk resultaat van jou, je host, en de gebruikte cachingplugin.<\/p>\nAls je klant bij Kinsta bent, heb je gelukkig helemaal geen cachingplugin nodig. Wij regelen namelijk automatisch caching op vier verschillende manieren, zowel vanuit de software als op de servers:<\/p>\n
\n- Object cache<\/a>.<\/li>\n
- Page cache<\/a>.<\/li>\n
- Bytecode cache<\/a>.<\/li>\n
- CDN cache<\/a>.<\/li>\n<\/ul>\n
Hierdoor ben je volledig gedekt, zodat je website geoptimaliseerd is qua snelheid. Maar klanten van andere hosts zullen een speciale WordPress cachingplugin nodig hebben om een optimale ervaring te kunnen bieden.<\/p>\n
Er zijn allerlei oplossingen te vinden qua WordPress cachingplugins, en daar een keuze in maken kan nogal uitdagend zijn. Laten we enkele van de beste opties bekijken.<\/p>\n
Een cache pakt de data die verwerkt worden door een app en slaat ze op voor later gebruik. Dit hoeft dus niet per se<\/em> in de browser te zijn, maar je ziet wel dat websites en de onderliggende technologie vaak caching<\/a> gebruiken. Caching is de term voor het opslaan van data en vervolgens weer ophalen uit het geheugen.<\/p>\n Een cache bestaat meestal uit twee onderdelen:<\/p>\n Deze elementen moeten allemaal van hoge kwaliteit zijn en perfect samenwerken. Trage RAM kan de data niet snel genoeg ophalen om effici\u00ebnt gebruikt te worden door de software.<\/p>\n Een cache is tegenwoordig praktisch noodzakelijk voor de meeste webtoepassingen, gezien de gebruikelijke bestandsgrootte van pagina’s. Een goede implementatie van caching kan je meerdere seconden in laadtijd opleveren. Een gebruiker die aangeeft dat een website lekker snel laadt, geeft meestal vooral een indirect compliment aan de cachingsoftware die gebruikt wordt door de server van de website.<\/p>\n We zullen dit verderop verder uitleggen.<\/p>\n\n Computertechnologie is zich altijd aan het ontwikkelen. Daardoor nemen geheugen, opslagruimte op harde schijven, en andere capaciteit snel toe. De dagen dat een Personal Computer met 64 KB aan RAM indrukwekkend was, liggen ver achter ons, en tegenwoordig meten we minimaal in Gigabytes (GB) aan RAM. De meer recente Apple MacBooks<\/a> leveren zelfs al 64 GB aan geheugen, toch een miljoen keer meer dan de vroege PC’s.<\/p>\n Websites worden dan ook steeds zwaarder<\/a> door de mogelijkheden en eisen van modern webdevelopment en bijbehorende technologie. Hierbij wordt niet alleen maar processorkracht van de computer van de eindgebruiker gevraagd, maar ook een robuustere server en de technologie die alles ondersteunt. Zonder geheugen (en caching) worden laadtijden veel te lang om praktisch interessant te zijn.<\/p>\n Daarom erkent Search Engine Optimization (SEO) al lang dat de laadsnelheid van pagina’s een primaire ranking-factor voor websites<\/a> moet zijn. Alhoewel de precieze weging niet bekend is, telt de snelheid van een website<\/a> mee in de plaatsing van een site in de Search Engine Results Pages (SERP’s), oftewel de zoekresultaten.<\/p>\n Alhoewel rankmetrics de snelheid van een website niet als directe indicator kunnen gebruiken, aangezien het meten van snelheid van veel te veel andere zaken afhankelijk is, worden wel veel indirecte aspecten meegerekend. Zo hebben bijvoorbeeld de kwaliteit van de HTML code<\/a> van je website en de laadtijden vanuit Google Chrome zeker een impact.<\/p>\n Vanuit de User Experience (UX) is een bekende richtlijn dat gebruikers een website weer zullen verlaten na slechts twee seconden te moeten wachten<\/a>. Dat levert meerdere problemen op:<\/p>\n Caching kan bij al deze aspecten helpen door de laadtijden van je pagina’s te verkorten. Daarnaast zal je website ook minder capaciteit nodig hebben, wat ook impact heeft.<\/p>\n In het algemeen zal een website die snel laadt en relevante en recente informatie laat zien, het beter doen dan een tragere concurrent.<\/p>\n Tijd om te kijken naar enkele problemen die je tegen kan komen bij het implementeren van caching.<\/p>\n Uiteraard kunnen er problemen ontstaan met caching, zoals met alle aspecten van je website. Het grootste gevaar is het implementeren van een cache die te goed is<\/em>. Een grote en regelmatig verversende cache is simpelweg niet nodig voor de meeste kleinere websites. Hierdoor bestaat de kans dat je server namelijk capaciteit besteedt aan het cachen van pagina’s die helemaal niet veranderd zijn.<\/p>\n Aan de andere kant, als je niet goed of genoeg cachet, kan het zijn dat je bezoekers een verouderde pagina te zien krijgen. Dit probleem kan soms opspelen bij WordPress websites. Maar gelukkig zijn er tips<\/a> om dat te verhelpen.<\/p>\n Uiteraard kan het aanleveren van een verouderde pagina uit de cache problemen opleveren. Denk bijvoorbeeld maar eens aan een website met informatie over de pandemie, die regelmatig informatie bijwerkt. Stel je dan eens voor wat de impact zou zijn van slechte of niet-bestaande browsercaching.<\/p>\n Gelukkig is het vrij eenvoudig om caching zodanig in te stellen dat deze nadelen beperkt blijven. We zullen dit verderop precies laten zien.<\/p>\n We hebben al besproken hoe caching op verschillende manieren betrokken is bij het verwerken van verzoeken. Maar in dit artikel zullen we ons verder focussen op non-CPU caches<\/a>. Als je eens kijkt naar de technische gegevens van de Apple MacBook, zie je dat er meestal een aantal megabytes (MB) aan cache op de processorchip zitten:<\/p>\n Dergelijke caching zien we ook op mobiele apparaten.<\/p>\n Maar we zijn nu vooral benieuwd naar caching waarbij servers op \u00e9\u00e9n of andere manier worden gebruikt. Enkele van de verschillende technologie\u00ebn die we hier zullen bekijken:<\/p>\n Voordat we verder gaan, is het de moeite waard om een aantal punten te noemen die met de technologie rondom caching te maken te hebben. Zo kan je het opslaan van cookies bijvoorbeeld zien als iets dat sterk lijkt op het cachen van webpagina’s. En in veel opzichten is dat waar. Zo worden cookies opgeslagen op je computer, nadat de browser ze ontvangen heeft. Het verschil is dat cookies informatie opslaan over jou<\/a> en jouw gebruik, en niet over de pagina die je bezoekt.<\/p>\n Een\u00a0Content Delivery Network (CDN)<\/a>\u00a0is nog moeilijker te onderscheiden van een cache, aangezien die technisch gezien hetzelfde doet als een cache. Een CDN slaat een hele website op als statisch bestand, in plaats van met de website samen te werken. Daardoor, alhoewel het oppervlakkig gezien veel op caching lijkt, is het een heel andere manier van opslaan en afleveren van websites, die nog steeds caching nodig heeft om snel uitgevoerd te kunnen worden.<\/p>\n Sommige CDN’s, zoals Cloudflare, regelen beide aspecten (en nog meer), wat \u00e9\u00e9n van de redenen is dat Kinsta met hen \u00a0samenwerkt<\/a> om de websites van onze klanten nog sneller en veiliger te maken.<\/p>\n Ondanks het feit dat wij ontzettend veel van WordPress houden, is het niet het snelste platform. Als je WordPress gebruikt voor je website, moet je caching implementeren<\/a> om een snelle website-ervaring neer te zetten voor je bezoekers. De snelheid van je website is een gezamenlijk resultaat van jou, je host, en de gebruikte cachingplugin.<\/p>\n Als je klant bij Kinsta bent, heb je gelukkig helemaal geen cachingplugin nodig. Wij regelen namelijk automatisch caching op vier verschillende manieren, zowel vanuit de software als op de servers:<\/p>\n Hierdoor ben je volledig gedekt, zodat je website geoptimaliseerd is qua snelheid. Maar klanten van andere hosts zullen een speciale WordPress cachingplugin nodig hebben om een optimale ervaring te kunnen bieden.<\/p>\n Er zijn allerlei oplossingen te vinden qua WordPress cachingplugins, en daar een keuze in maken kan nogal uitdagend zijn. Laten we enkele van de beste opties bekijken.<\/p>\n\n
Hoe een cache kan helpen bij het optimaliseren van je websites<\/h2>\n
\n
De problemen die caching mogelijk kan veroorzaken<\/h3>\n
Technologie\u00ebn die gebruiken maken van caching<\/h2>\n
\n
Caching bij WordPress<\/h2>\n
\n