Как можно реализовать автоматическое очищение (обновление) КЕШа?

Question

[Darkness]

Может правильно , а может не правильно сформулировал вопрос.

Суть в следующем: при добавлении, изменении или замене файлов на хостинге , сайт не видит этого пока не прожать ctrl + f5 , на мобилке также. Т.е. взять сафари. Нужно идти в настройки, очищать website data чтобы увидеть изменения на сайте.

Как можно реализовать автоматическое очищение КЕШа , чтобы не было данных процедур ?

Answer 1

[ArthurAm]

Можно высылать заголовки при изменении файлов, страниц

header("Cache-Control: no-cache, must-revalidate");
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Content-Type: application/xml; charset=utf-8");

Заголовки не очистят клиентский кеш, они лишь скажут браузеру не кешировать данную страницу.
Слать такие заголовки при каждом запросе разумеется не стоит.

Comments

[Darkness]

ArthurAm чем тогда плохо просто отключить кеширование страница ( сайта) ?

[Darkness]

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

[ArthurAm]

Многие используют сборщики js css файлов, например gulp, webpack. Они поддерживают версионность, т.е. при обновлении файла происходит пересборка js css, и ссылка в коде страницы меняется,например было
<link rel="stylesheet" href="app.css?ver=1" />
стала
<link rel="stylesheet" href="app.css?ver=2" />

[Darkness]

ArthurAm, получается, нам нужно переименовать все файлы, которые подгружаются, а после обновы файла, добавлять цифры ( обновлять) и версии сайта везде будут также обновлены без всяких лишних действий?

[ArthurAm]

Антон Добрынин, я бы посмотрел в сторону сборщиков типа gulp, он все ваши файлы css соберет в один, который вы подключаете в шаблон в head или еще куда.
При изменении какого-нибудь из этих файлов, gulp будет автоматически пересобирать css и добавлять к ссылке версию.

Для js его тоже можно использовать, но нужно тестить, возможно будут конфликты.

[Darkness]

ArthurAm, оу, сложновато , пока думаю сделать через <?php echo $vers; ?>запрос и все, решение было на стеке, но опять же, пока понять все это сложновато, спасибо за помощь! :)

Answer 2

[GreatRash]

Например добавлять рандомное число к урлу.

<link rel="stylesheet" href="my_css.css?rand=12345" />

Comments

[Darkness]

Как это отобразится ? Т.е. зачем это ? Получается, что при каждом изменении чего-либо мы меняем этот рандом, и браузер снова качает КЕШ с обновлением?

[Darkness]

GreatRash почему тогда просто не запретить кеширование ? Или это что-то повлечет за собой?

[maksam07]

Антон Добрынин, обычно после знака вопроса пишется версия скрипта или css стиля (можно и любые другие значения). Браузер кеширует ссылку my_css.css?rand=12345, но когда мы меняем значение rand на другое, например - my_css.css?rand=12346, то браузер уже видит как бы новый файл и обновляет его.

[Darkness]

Максим Компаниец, получается, нам нужно переименовать все файлы, которые подгружаются, а после обновы файла, добавлять цифры ( обновлять) и версии сайта везде будут также обновлены без всяких лишних действий?

[maksam07]

Антон Добрынин, на сколько я знаю - да, но я не специалист в кешировании. Есть еще несколько вариантов, один из них - https://stackoverflow.com/questions/118884/how-to-... (там вроде даже несколько, но я указываю на первый ответ)

[GreatRash]

Вообще по уму можно сделать так, чтобы скрипт добавлял номер версии к урлу. Самый простой способ - писать его руками. Но можно заюзать PHP-шный filetime(). В таком случае кеш будет обновляться только если файл действительно изменился, а не вообще всегда.

Вот статья с различными способами.