Come funziona il caching HTTP con asset immutabili e una CDN?

Question

IT Interview Practice · Accepted Answer

Il caching HTTP permette a browser e CDN di riutilizzare una risposta invece di riscaricarla, controllato dall'header **`Cache-Control`**. Il pattern vincente per le app web: **metti un hash nei nomi dei file degli asset e mettili in cache per sempre; mantieni l'HTML non cacheabile.**

## La strategia a due livelli

```http
# Asset con hash e versione — il contenuto non cambia mai per un dato URL
Cache-Control: public, max-age=31536000, immutable
# es.  /static/app.9f2c1a.js   (l'hash cambia quando cambia il contenuto)

# HTML — deve essere sempre fresco così può puntare ai nuovi hash degli asset
Cache-Control: no-cache
```

- **`immutable`** dice al browser di non rivalidare mai — nessuna richiesta condizionale, nemmeno al reload. È sicuro perché l'hash del nome del file *è* la versione; nuovo contenuto = nuovo URL.
- **`no-cache`** sull'HTML ha un nome fuorviante: significa "memorizzalo, ma rivalida prima di usarlo" (un 304 se invariato), così gli utenti ottengono sempre un HTML che referenzia gli hash degli asset correnti.

## Rivalidazione e la CDN

- **`ETag`** / `Last-Modified` abilitano risposte `304 Not Modified` economiche quando `max-age` scade.
- Una **CDN** mette in cache sui nodi edge vicini agli utenti. Usa `s-maxage` per la cache condivisa della CDN e `stale-while-revalidate` per servire contenuto obsoleto istantaneamente mentre lo aggiorni in background:

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

## Insidie

- Mettere in cache l'HTML con un `max-age` lungo → gli utenti restano bloccati su vecchie versioni senza modo di forzarne l'invalidazione.
- `immutable` su URL senza hash → non puoi rilasciare una correzione.

## Perché è importante

Il caching è la vittoria di prestazioni più economica — trasforma le visite ripetute in costo di rete zero e alleggerisce l'origin. Il pattern asset-immutabile-con-hash + HTML-rivalidato è lo standard del settore; spiegare *perché* `no-cache` ≠ "non mettere in cache" segnala una vera profondità.

La strategia a due livelli

Rivalidazione e la CDN

Insidie

Perché è importante

Domande correlate