Wat is caching en hoe werkt het?

Hoe graag surf jij op webpagina's die tergend traag laden? Wij gokken op: 'niet'! Een webpagina moet snel toegankelijk zijn, als die geen bezoekers wil verliezen door trage laadtijden. In eerste instantie zorg je voor een snelle website door 'm goed te programmeren, maar wanneer je écht snel wil zijn, gebruik je caching. Wat is caching? Dat leggen we je graag uit!

Verbinding met een website

Om te begrijpen wat caching is, moeten we eerst even gaan kijken hoe een bezoeker verbinding maakt met een website. Wanneer je vanop jouw computer naar een website surft, maak je verbinding met de computer waar die website is opgeslagen: de webserver.

Op die webserver staan alle bestanden (tekst, foto's, codes, ...) die nodig zijn om een website correct op jouw scherm te tonen. Die webserver gaat op vraag van jouw browser al die stukjes zoeken, en ze in elkaar puzzelen.

what-is-caching-files

En een puzzel van pakweg 10.000 stukjes, dat kan heel even duren - voor een webserver toch zéker een seconde of meer. Maar omdat niemand van wachten houdt, zorgen de cache voor een snellere werking. Die cache houdt alle puzzelstukjes bij, en zorgt ervoor dat je de puzzel al kant-en-klaar te zien krijgt.

Want een snelle website is belangrijk voor je onderneming: 40% van de internetgebruikers verlaat een website die langer dan drie seconden moet laden.

Caching

Caching is een manier om een webpagina sneller te laten verschijnen. Dat is de korte uitleg, maar uiteraard zit er een heel proces achter het opslaan van cachegegevens.

Caching bij Combell

Nu al beslist dat je caching op je website wil? Bekijk de verschillende cachingmogelijkheden bij Combell.

Browsercache

Wanneer je een website bezoekt, zal jouw computer de stukjes die het moest downloaden van de website, tijdelijk opslaan in de browsercache. Zo moet je bij een volgend bezoek aan die website die stukjes niet downloaden van de webserver, en zal de website sneller laden.

Je hebt waarschijnlijk al gehoord van 'temporary internet files', het Windows-mapje dat mensen om de één of andere reden vaak angstvallig willen legen 😉. Dat mapje is de cache: de voorlopige opslagplaats voor bestanden die je de volgende keer misschien opnieuw nodig hebt.

Cachegegevens die worden opgeslagen bevatten bestanden zoals afbeeldingen of code van een bepaalde website. Die bestanden worden automatisch opgeslagen op je toestel (computer, tablet of smartphone), vanaf je een website voor de eerste keer bezoekt. Wanneer je dezelfde pagina een tweede keer gaat bezoeken, kan je browser gewoon de bestanden nemen uit de cache op je toestel.

Server cache

De browsercache is een standaardopslagplaats die aan de 'bezoekerskant' van het internet zit: de cachegegevens worden lokaal bewaard op het toestel van de bezoeker. Maar wanneer je als websitebouwer een écht snelle website wil, kan je ervoor kiezen om een server-cache of HTTP-accelerator tussen je website en je bezoeker te steken. Zo'n accelerator kan enerzijds geïnstalleerd worden op de webserver van je website, of op een externe server die bij je hostingprovider staat.

what-is-caching-varnish

'HTTP-accelerator' is een moeilijk woord voor een onderdeel dat de interactie tussen een bezoeker en een website sneller laat verlopen.

Zoals hierboven uitgelegd, moet een webserver bij het openen van een webpagina alle stukjes van die pagina gaan zoeken, en in elkaar gaan puzzelen. Dat vergt wat tijd. Daarom zorgt een HTTP-accelerator onder andere voor 'snapshots' van een website: momentopnames die de bezoeker te zien krijgt, en die al kant-en-klaar in elkaar gepuzzeld zijn.

Bij caching worden bepaalde gedeeltes van je site (die sowieso voor alle bezoekers hetzelfde zijn) de eerste keer dat ze worden opgevraagd bewaard in de caching-laag. Zo hoeft je webserver dat gedeelte niet elke keer opnieuw berekenen. Dat scheelt een hoop tijd en zorgt voor meer performantie.

Wanneer je als bezoeker naar een website surft die cachingtechnologie gebruikt, kom je dus terecht op een momentopname van die website. Hoe lang het moment van die momentopname geleden is, beslist de website-eigenaar, door een time to live te bepalen: een duurtijd van wanneer nieuwe informatie verschijnt, in plaats van de informatie in de cache.

Cachingtechnologieën

Varnish Cache

Bij Combell gebruiken we zelf ook een cachesysteem: Varnish Cache. En zonder overdrijven: onze website draait zeker 30% vlotter met Varnish Cache dan zonder. En jij kan die technologie zelf ook gebruiken!

Varnish is één van de populairste (en beste) cachingtechnologieën, omdat het volledige pagina's kan cachen - in tegenstelling tot andere technologieën die maar deeltjes van pagina's cachen.

technology-caching-varnish

Wanneer een bezoeker een website met Varnish bezoekt, komt hij eerst terecht op de Varnish-server. Die server gaat kijken of de gevraagde informatie in de cache zit. Wanneer dat zo is, krijgt de bezoeker meteen de gevraagde webpagina te zien. Wanneer de gevraagde gegevens (nog) niet in de cache zitten, wordt de bezoeker doorgestuurd naar de webserver, die aan de slag gaat met de gegevens en de webpagina in elkaar puzzelt.

Websites met Varnish Cache laden 300 tot 1000 keer sneller dan pagina's zonder cachingtechnologie.

Maar uiteraard is het niet ideaal om alle websites volledig in de cache te steken. Denk maar aan een webshop: productpagina's zullen een lange tijd hetzelfde blijven, maar het winkelmandje verschilt van gebruiker tot gebruiker. Dat weet ook Varnish Cache: het springt flexibel om met de informatie, en stopt enkel de nodige gegevens in de cache.

De resultaten van Varnish zijn indrukwekkend: websites met Varnish Cache laden 300 tot 1000 keer sneller dan pagina's zonder cachingtechnologie.

Tip

Praktisch aan de slag gaan met Varnish? Download ons e-book!

Redis Cache

Natuurlijk zijn er nog andere technologieën dan Varnish: zo biedt Combell ook nog Redis aan. Redis werkt iets anders dan Varnish: het slaat geen volledige webpagina's op, maar zorgt dat de gegevens van die pagina snel toegankelijk zijn door gegevens opslaat in het RAM-geheugen. RAM staat voor Rapid Acces Memory: geheugen dat snel toegankelijk is.

technology-caching-redis@2x

Redis is een goede keuze als je een complexere website hebt die moeilijkere technieken met zich meebrengt. Met Redis heb je veel meer controle over je cache dan bij het gebruiksvriendelijke Varnish, maar het vraagt dan ook veel meer technische kennis.

Caching inbegrepen bij Combell

Elke klant van Combell met een shared hostingpakket kan gratis gebruikmaken van de cachingruimte met verschillende technologieën (Varnish, Redis, Ramdisk, APCu).

Ondernemingen met een iets uitgebreider pakket kunnen caching natuurlijk laten opnemen in hun pakket.

Waarom cache gebruiken?

Snelheid

Hoe goed je je website ook programmeert: wanneer er pieken zijn in je bezoekersaantal, loop je het risico vertragingen op je website te hebben. Want zonder caching moet je webserver bezoeker na bezoeker dezelfde berekeningen maken. Mét caching gebeurt die berekening maar één keer. Zo raakt je webserver niet overbelast.

Scoren in Google

Google gaat kijken naar de snelheid van je website om 'm te rangschikken in de zoekresultaten. Met andere woorden: hoe vlotter je website loopt, hoe hoger je eindigt in de zoekresultaten. En dat betekent dan weer meer bezoekers!

Omzet

Niemand shopt graag op een website die traaaaag laaaaadt. Wij worden er zelfs een beetje kribbig van. En kribbige klanten kopen minder! Zorg dus voor een optimale shop-beleving op je webshop, door gebruik te maken van de services van Varnish.

Benieuwd hoe je je eigen website sneller kan maken? Vraag vrijblijvend raad aan onze experts!

Veelgestelde vragen