Como funciona o cache HTTP com assets imutáveis e um CDN?

Question

IT Interview Practice · Accepted Answer

O cache HTTP permite que navegadores e CDNs reutilizem uma resposta em vez de buscá-la de novo, controlado pelo header **`Cache-Control`**. O padrão vencedor para web apps: **coloque um hash nos nomes de arquivo dos assets e faça cache deles para sempre; mantenha o HTML sem cache.**

## A estratégia de dois níveis

```http
# Assets versionados com hash — o conteúdo nunca muda para uma dada URL
Cache-Control: public, max-age=31536000, immutable
# ex.  /static/app.9f2c1a.js   (o hash muda quando o conteúdo muda)

# HTML — deve estar sempre fresco para poder apontar para os novos hashes de assets
Cache-Control: no-cache
```

- **`immutable`** diz ao navegador para nunca revalidar — nenhuma requisição condicional, nem mesmo ao recarregar. Seguro porque o hash do nome do arquivo *é* a versão; novo conteúdo = nova URL.
- **`no-cache`** no HTML tem nome enganoso: significa "armazene, mas revalide antes de usar" (um 304 se inalterado), então os usuários sempre recebem um HTML que referencia os hashes de assets atuais.

## Revalidação e o CDN

- **`ETag`** / `Last-Modified` habilitam respostas baratas `304 Not Modified` quando o `max-age` expira.
- Um **CDN** faz cache em nós de borda perto dos usuários. Use `s-maxage` para o cache compartilhado do CDN e `stale-while-revalidate` para servir conteúdo obsoleto instantaneamente enquanto atualiza em segundo plano:

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

## Armadilhas

- Fazer cache de HTML com um `max-age` longo → usuários presos em versões antigas sem forma de invalidar.
- `immutable` em URLs sem hash → você não consegue enviar uma correção.

## Por que isso importa

Cache é a vitória de performance mais barata — transforma visitas repetidas em custo de rede zero e alivia a origem. O padrão de asset-com-hash-imutável + HTML-revalidado é o padrão da indústria; explicar *por que* `no-cache` ≠ "não faça cache" sinaliza profundidade real.

A estratégia de dois níveis

Revalidação e o CDN

Armadilhas

Por que isso importa

Perguntas relacionadas