Как заставить браузер обновить файлы в кэш-хранилище?

Question

[koicom]

Проблема такова. Все браузеры кэшируют статику. Это хорошо, но когда статический файл обновился - они продолжают использовать файлы из кэша. Из-за этого при разработке приходится постоянно чистить кэш. Как такие вещи вообще исправить? Собираюсь пустить сайт в продакшн, но боюсь, что если буду делать изменения в интерфейсе, то никто их не увидит пока не почистит кэш. Что посоветуете? Использую Python/DJango. В продакшене - nginx.

Answer 1

[Stalker_RED]

Самый непробиваемый способ:

<link rel="stylesheet" type="text/css" href="my.css?ver=42">

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

Ну и конечно-же, для кеширования есть настройки и параметры, которые передаются в заголовках.
Первый попавшийся приличный гайд по запросу "http cache headers guide":
https://www.mnot.net/cache_docs/#CACHE-CONTROL

Comments

[koicom]

Я что-то слышал, что заголовки позволяют сравнивать хэш-значения страниц.

[Stalker_RED]

koicom: "ETag", там в гайде упоминается.

[sinneren]

более версии не работают

[Stalker_RED]

sinneren, а можно чуть подробнее?

[sinneren]

Stalker_RED, ну у нас в компании провёл кто-то аналитику и поняли, что версии - всё. не сбрасывают кеш. Во всяком случае в хромаке. Впрочем, даже несколько лет назад мне это не сильно помогало.
Пока такой костыль:

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">

Это если надо что-то тяжёлое релизнуть, потом убрать. А так, использовать чанки в именах файлах при генерации статики. Но это нужно окружение настроить. В старых монструозных монолитах - нереально.