Глюки на сайте после программных изменений, пока не очистить кэш. Как от этого избавится?

Question

[sashakirichenko]

Очень часто программисты закидают на сайт поправки, доробки и у людей, в которых закэшировалась предыдущая версия сайта может много пунктов не работать, пока они не очистят кэш. Что делать, можно как-нибудь заставлять браузеры очищать кэш, чтобы у посетителей при заходе все работало исправно?

Comments

[Sergei Nazarenko]

https://ichip.ru/obzory/programmy-i-prilozheniya/k...

Answer 1

[Сергей delphinpro]

Браузер кэширует ресурсы по полному УРЛ, включая параметры запроса.
Поэтому выход очень простой, и он повсеместно используется.
Нужно дописать в queryString любой уникальный параметр.
В лоб можно писать метку времени

<script src="my_script.js?<?= time() ?>">

Однако, с таким подходом файл будет постоянно загружаться заново при каждом запросе.

Лучше ввести версионирование. Простейший вариант – вручную обновлять версию при изменении

<script src="my_script.js?v=1">
<script src="my_script.js?v=2">

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

<script src="my_script.ab21df.js">

Такой вариант хорошо подходит для SPA, так как сборщик тогда обычно генерит и индексный файл и может в нем автоматически подключать актуальные имена файлов.

В остальных случаях отлично подойдет вариант с подстановкой метки времени изменения файла

<script src="my_script.js?v=<?= filemtime('/path/to/my_script.php') ?>">

Answer 2

[AUser0]

Отсылать со всеми HTTP-ответами на запросы строку "Cache-control: max-age=1, no-cache" в заголовке.

Comments

[sashakirichenko]

не повлияет ли это на SEO?

[Adamos]

sashakirichenko, вы так сервер положите лишней нагрузкой, поскольку каждый юзер будет каждый раз качать каждый ресурс, который должен был закешироваться. Хреновый способ, в общем.
Ну, и SEO под лежачий сервер тоже не течет, как известно ;)

[AUser0]

Adamos, max-age=3600 невозможен? Last-Modified / If-Modified-Since в природе нет? А ETag, ETag для чего придумывали?

[Adamos]

AUser0, наверное, это все придумывали для того, чтобы вы это и написали в ответе, а не отказ от кэша вовсе.