Какие стратегии cache-busting используют для CSS?

Question

Accepted Answer

## Коротко
Cache-busting заставляет браузер скачать новую версию CSS, когда файл изменился, не ломая кэш неизменённых ресурсов.

## Популярные подходы

1. **Хеш в имени файла** — `main.a1b2c3.css` (лучший вариант в бандлерах).
2. **Query-параметр версии** — `styles.css?v=42` (просто, но хуже для CDN/прокси в некоторых схемах).
3. **Смена пути** — `/static/v3/app.css`.

```html
<link rel="stylesheet" href="/assets/app.9f3c2a.css" />
```

## На что обратить внимание

- Долгий `Cache-Control` + уникальное имя файла.
- HTML при этом кэшируют осторожнее, чтобы ссылка на новый CSS попала к клиенту.
- Не забывайте про критический CSS и порядок подключения.

## Итог
В production предпочтителен content-hash в имени файла; `?v=` — быстрый костыль для простых сайтов.