_space
Ordbog
Web/Web

Cache

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.

OFTE STILLEDE SPØRGSMÅL

Kontakt os og få en konkret vurdering af, hvor jeres performance kan styrkes.

Kontakt os