Hvordan fungerer HTTP-caching med immutable assets og en CDN?

Question

IT Interview Practice · Accepted Answer

HTTP-caching lader browsere og CDN'er genbruge et response i stedet for at hente det igen, styret af **`Cache-Control`**-headeren. Det vindende mønster for web-apps: **hash dine asset-filnavne, og cache dem for evigt; hold HTML uncacheable.**

## To-lags-strategien

```http
# Hashed, versioned assets — content never changes for a given URL
Cache-Control: public, max-age=31536000, immutable
# e.g.  /static/app.9f2c1a.js   (the hash changes when content changes)

# HTML — must always be fresh so it can point at new asset hashes
Cache-Control: no-cache
```

- **`immutable`** fortæller browseren aldrig at revalidere — slet ingen conditional request, selv ved reload. Sikkert, fordi filnavns-hashen *er* versionen; nyt indhold = ny URL.
- **`no-cache`** på HTML er misvisende navngivet: det betyder "gem det, men revalidér før brug" (en 304, hvis uændret), så brugere altid får HTML, der refererer til de aktuelle asset-hashes.

## Revalidering og CDN'en

- **`ETag`** / `Last-Modified` muliggør billige `304 Not Modified`-responses, når `max-age` udløber.
- En **CDN** cacher ved edge-noder tæt på brugerne. Brug `s-maxage` til den delte CDN-cache og `stale-while-revalidate` til at servere forældet indhold øjeblikkeligt, mens det opdateres i baggrunden:

```http
Cache-Control: public, s-maxage=600, stale-while-revalidate=86400
```

## Faldgruber

- At cache HTML med en lang `max-age` → brugere sidder fast på gamle versioner uden mulighed for at buste den.
- `immutable` på ikke-hashede URL'er → du kan ikke sende en rettelse.

## Hvorfor det betyder noget

Caching er den billigste performance-gevinst — den forvandler gentagne besøg til nul netværksomkostning og aflaster origin. Mønsteret med hashet-immutable-asset + revalideret-HTML er industristandarden; at forklare, *hvorfor* `no-cache` ≠ "cache ikke", signalerer reel dybde.

To-lags-strategien

Revalidering og CDN'en

Faldgruber

Hvorfor det betyder noget

Relaterede spørgsmål