Cum funcționează HTTP caching cu active immutable și un CDN?

Question

IT Interview Practice · Accepted Answer

HTTP caching permite browserelor și CDN-urilor să reutilizeze un răspuns în loc să îl re-descarce, controlat de header-ul **`Cache-Control`**. Tiparul câștigător pentru aplicații web: **pune hash pe numele fișierelor de active și fă-le cache pentru totdeauna; păstrează HTML-ul necacheabil.**

## Strategia pe două niveluri

```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`** îi spune browserului să nu revalideze niciodată — nicio cerere condiționată, nici măcar la reload. Sigur pentru că hash-ul din numele fișierului *este* versiunea; conținut nou = URL nou.
- **`no-cache`** pe HTML are un nume înșelător: înseamnă „stochează-l, dar revalidează înainte de folosire” (un 304 dacă nu s-a schimbat), astfel încât utilizatorii primesc întotdeauna HTML care referențiază hash-urile de active curente.

## Revalidare și CDN

- **`ETag`** / `Last-Modified` permit răspunsuri ieftine `304 Not Modified` când `max-age` expiră.
- Un **CDN** face cache la noduri edge apropiate de utilizatori. Folosește `s-maxage` pentru cache-ul partajat al CDN-ului și `stale-while-revalidate` pentru a servi conținut învechit instant în timp ce îl împrospătezi în fundal:

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

## Capcane

- Cache pentru HTML cu un `max-age` lung → utilizatorii rămân blocați pe versiuni vechi fără nicio cale de a le invalida.
- `immutable` pe URL-uri fără hash → nu poți livra o corectură.

## De ce contează

Caching-ul este cel mai ieftin câștig de performanță — transformă vizitele repetate în cost de rețea zero și descarcă origin-ul. Tiparul active-immutable-cu-hash + HTML-revalidat este standardul industriei; a explica *de ce* `no-cache` ≠ „nu face cache” semnalează profunzime reală.

Strategia pe două niveluri

Revalidare și CDN

Capcane

De ce contează

Întrebări conexe