Как работает HTTP-кэширование с immutable-ресурсами и CDN?

Question

IT Interview Practice · Accepted Answer

HTTP-кэширование позволяет браузерам и CDN переиспользовать ответ вместо повторной выборки, управляясь заголовком **`Cache-Control`**. Выигрышный паттерн для веб-приложений: **добавляйте хэш в имена файлов ресурсов и кэшируйте их навсегда; держите HTML некэшируемым.**

## Двухуровневая стратегия

```http
# Хэшированные, версионированные ресурсы — содержимое никогда не меняется для данного URL
Cache-Control: public, max-age=31536000, immutable
# напр.  /static/app.9f2c1a.js   (хэш меняется при изменении содержимого)

# HTML — всегда должен быть свежим, чтобы указывать на новые хэши ресурсов
Cache-Control: no-cache
```

- **`immutable`** говорит браузеру никогда не перепроверять — никакого условного запроса, даже при перезагрузке. Безопасно, потому что хэш в имени файла *и есть* версия; новое содержимое = новый URL.
- **`no-cache`** на HTML назван обманчиво: он означает «храни, но перепроверяй перед использованием» (304, если не изменилось), поэтому пользователи всегда получают HTML, ссылающийся на текущие хэши ресурсов.

## Перепроверка и CDN

- **`ETag`** / `Last-Modified` включают дешёвые ответы `304 Not Modified`, когда истекает `max-age`.
- **CDN** кэширует на пограничных узлах рядом с пользователями. Используйте `s-maxage` для общего кэша CDN и `stale-while-revalidate`, чтобы мгновенно отдавать устаревшее содержимое, обновляя его в фоне:

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

## Подводные камни

- Кэширование HTML с большим `max-age` → пользователи застревают на старых версиях без способа сбросить кэш.
- `immutable` на нехэшированных URL → вы не сможете выкатить исправление.

## Почему это важно

Кэширование — самый дешёвый выигрыш в производительности: оно превращает повторные визиты в нулевую сетевую стоимость и разгружает источник. Паттерн хэшированный-immutable-ресурс + перепроверяемый-HTML — отраслевой стандарт; объяснение, *почему* `no-cache` ≠ «не кэшировать», сигнализирует о реальной глубине.

Двухуровневая стратегия

Перепроверка и CDN

Подводные камни

Почему это важно

Похожие вопросы