Cache er en midlertidig lagring af data (HTML-sider, billeder, CSS, JavaScript), der gør det muligt at levere indhold hurtigere ved at undgå at hente det fra serveren hver gang. Browser-cache, server-cache og CDN-cache er de tre mest almindelige typer i webkontekst.
Cache, udtales 'kæsh', er en mekanisme, der gemmer kopier af data midlertidigt, så det kan hentes hurtigere ved gentagne forespørgsler. I web-sammenhæng bruges cache på flere niveauer: Browser-cache (brugerens browser gemmer filer lokalt, så de ikke skal downloades igen), Server-cache (serveren gemmer renderede sider for at undgå at genere dem fra bunden for hver besøgende) og CDN-cache (Content Delivery Network gemmer kopier af jeres indhold på servere verden over).
Browser-cache kontrolleres via HTTP-headers som Cache-Control og ETag. Når en bruger besøger jeres side første gang, downloader browseren alle ressourcer (HTML, CSS, JS, billeder). Ved næste besøg henter browseren de cachede filer lokalt, hvilket kan reducere indlæsningstiden dramatisk. I kan styre, hvor længe filer caches: statiske assets som billeder og fonts kan caches i måneder, mens dynamisk indhold som HTML typisk caches i kortere perioder.
Server-side caching er kritisk for dynamiske sites bygget med WordPress, Shopify eller custom CMS'er. I stedet for at generere hver side fra databasen for hver besøgende, gemmer serveren en færdig HTML-version, der leveres direkte. Det reducerer server-load og responstid markant. Teknologier som Redis, Varnish og full-page caching er de mest udbredte. For statiske sites (som Next.js med static export) er server-side caching mindre relevant, da siderne allerede er pre-renderede.
CDN-cache distribuerer jeres indhold til servere (edge nodes) over hele verden, så en bruger i Tokyo får indhold fra en asiatisk server i stedet for jeres danske hosting-server. Det reducerer latency fra hundreder af millisekunder til under 50ms for statisk indhold. Cloudflare, AWS CloudFront og Vercel Edge Network er populære CDN-løsninger. For globalt fokuserede sites er CDN en af de mest effektive hastighedsoptimeringer.
For danske virksomheder er cache-strategi særligt relevant, fordi mange danske hostingløsninger (Curanet, Simply, One.com) ikke altid inkluderer avanceret caching out-of-the-box. Et simpelt setup med Cloudflare som CDN-proxy foran jeres eksisterende hosting kan reducere TTFB med 60-80 % og håndtere trafikspidser (fx Black Friday) uden servernedbrud, og det er gratis i basisversionen. For WordPress-sites er kombinationen af et cache-plugin (WP Rocket, W3 Total Cache) og Cloudflare den mest effektive og omkostningseffektive performance-optimering. For moderne Next.js- og Nuxt-sites med static export eller ISR (Incremental Static Regeneration) er caching-strategien typisk indbygget i frameworket, men I bør stadig konfigurere korrekte Cache-Control headers og bruge et CDN for optimal global performance. Husk at invalider cache korrekt ved indholdsændringer, forældet cache er en af de mest almindelige fejlkilder i webdrift.
Vigtigste pointer
- Hurtigere indlæsning, Cache undgår gentagne forespørgsler til serveren og leverer indhold fra lokalt eller nærliggende lager.
- Tre niveauer, Browser-cache (lokal), server-cache (applikation) og CDN-cache (global distribution).
- Cache-Control headers, HTTP-headers styrer, hvad der caches, hvor længe, og hvornår det skal revalideres.
- Statiske assets, Billeder, CSS og JS-filer bør caches aggressivt med lang TTL og cache-busting via filnavne.
- CDN for global performance, CDN distribuerer indhold til edge nodes verden over og reducerer latency markant.
Cache i praksis
En webshop implementerer tre cache-lag: browser-cache med 1 års max-age for billeder og CSS (med hashed filnavne for cache-busting), server-side full-page caching via Varnish med 5 minutters TTL for kategori-sider, og Cloudflare CDN for global distribution. Resultatet er en reduktion i server-load med 80%, gennemsnitlig Time to First Byte (TTFB) fra 1.200ms til 85ms, og en 45% forbedring i Largest Contentful Paint.
