¿Cómo funciona el caché HTTP con assets inmutables y un CDN?

Question

IT Interview Practice · Accepted Answer

El caché HTTP permite que navegadores y CDNs reutilicen una respuesta en lugar de volver a obtenerla, controlado por la cabecera **`Cache-Control`**. El patrón ganador para aplicaciones web: **añade un hash a los nombres de archivo de tus assets y cachéalos para siempre; mantén el HTML no cacheable.**

## La estrategia de dos niveles

```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`** le dice al navegador que nunca revalide: ninguna petición condicional en absoluto, ni siquiera al recargar. Es seguro porque el hash del nombre de archivo *es* la versión; contenido nuevo = URL nueva.
- **`no-cache`** en el HTML tiene un nombre engañoso: significa "almacénalo, pero revalida antes de usarlo" (un 304 si no ha cambiado), de modo que los usuarios siempre reciben un HTML que referencia los hashes de assets actuales.

## Revalidación y el CDN

- **`ETag`** / `Last-Modified` habilitan respuestas `304 Not Modified` baratas cuando `max-age` expira.
- Un **CDN** cachea en nodos edge cercanos a los usuarios. Usa `s-maxage` para el caché compartido del CDN y `stale-while-revalidate` para servir contenido obsoleto al instante mientras se refresca en segundo plano:

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

## Trampas

- Cachear el HTML con un `max-age` largo → usuarios atascados en versiones antiguas sin forma de invalidarlas.
- `immutable` en URLs sin hash → no puedes enviar una corrección.

## Por qué es importante

El caché es la victoria de rendimiento más barata: convierte las visitas repetidas en coste de red cero y descarga el origen. El patrón de asset-inmutable-con-hash + HTML-revalidado es el estándar de la industria; explicar *por qué* `no-cache` ≠ "no cachear" señala verdadera profundidad.

La estrategia de dos niveles

Revalidación y el CDN

Trampas

Por qué es importante

Preguntas relacionadas