Jak działa cache'owanie HTTP z zasobami immutable i CDN?

Question

IT Interview Practice · Accepted Answer

Cache'owanie HTTP pozwala przeglądarkom i CDN-om ponownie użyć odpowiedzi zamiast pobierać ją ponownie, sterowane nagłówkiem **`Cache-Control`**. Zwycięski wzorzec dla aplikacji webowych: **haszuj nazwy plików zasobów i cache'uj je na zawsze; trzymaj HTML jako niecache'owalny.**

## Strategia dwupoziomowa

```http
# Haszowane, wersjonowane zasoby — treść nigdy się nie zmienia dla danego URL
Cache-Control: public, max-age=31536000, immutable
# np.  /static/app.9f2c1a.js   (hasz zmienia się, gdy zmienia się treść)

# HTML — musi być zawsze świeży, aby mógł wskazywać na nowe hasze zasobów
Cache-Control: no-cache
```

- **`immutable`** mówi przeglądarce, aby nigdy nie rewalidowała — żadnego żądania warunkowego, nawet przy przeładowaniu. Bezpieczne, bo hasz w nazwie pliku *jest* wersją; nowa treść = nowy URL.
- **`no-cache`** na HTML jest myląco nazwane: oznacza "przechowaj, ale rewaliduj przed użyciem" (304 jeśli niezmienione), więc użytkownicy zawsze dostają HTML odwołujący się do aktualnych haszów zasobów.

## Rewalidacja i CDN

- **`ETag`** / `Last-Modified` umożliwiają tanie odpowiedzi `304 Not Modified`, gdy wygaśnie `max-age`.
- **CDN** cache'uje na węzłach brzegowych blisko użytkowników. Użyj `s-maxage` dla współdzielonego cache CDN i `stale-while-revalidate`, aby natychmiast serwować nieaktualną treść, odświeżając ją w tle:

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

## Pułapki

- Cache'owanie HTML z długim `max-age` → użytkownicy utknięci na starych wersjach bez sposobu na ich unieważnienie.
- `immutable` na niehaszowanych URL-ach → nie możesz wysłać poprawki.

## Dlaczego to ważne

Cache'owanie to najtańszy zysk wydajnościowy — zamienia powtórne wizyty w zerowy koszt sieciowy i odciąża origin. Wzorzec haszowany-immutable-zasób + rewalidowany-HTML to standard branżowy; wyjaśnienie, *dlaczego* `no-cache` ≠ "nie cache'uj", sygnalizuje prawdziwą głębię.

Strategia dwupoziomowa

Rewalidacja i CDN

Pułapki

Dlaczego to ważne

Powiązane pytania