HTML и CSS не обновляются онлайн из-за кеширования браузера

Question

Я управляю сайтом для небольшой компании.Сайты в основном содержат текст и изображения.Всякий раз, когда я обновляю сайт, заменяя изображение или обновляя CSS, он не обновляется в браузерах других людей, потому что он был кэширован.Я нашел способ обойти это, добавив номер версии, где я связываю свою таблицу стилей, однако это не относится к изображениям.Какой самый простой способ обойти это?

Я провел много исследований в Интернете и в стеке, но все они - сложные решения.Должен быть лучший способ.

Просто чтобы прояснить ситуацию, я знаю, что могу очистить кеш в своем браузере.Я ищу решение, которое подойдет всем, кто заходит на мой сайт.

Answer 1

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

<meta http-equiv=“Pragma” content=”no-cache”>
<meta http-equiv=“Expires” content=”-1″>
<meta http-equiv=“CACHE-CONTROL” content=”NO-CACHE”>

Если у вас есть ссылка для перезагрузки или кнопка на html-странице, вы можете добавить этот атрибут вэто заставить перезагрузку с сервера.Параметр 'true' - это то, что вызывает полную перезагрузку вместо перезагрузки кэша.

onClick="location.reload(true);"

Answer 2

Попробуйте использовать версии (?version) для файлов, чтобы избежать кэширования в браузере.

это будет похоже на filename.jpg?v1 filename.jpg?v2

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

В php

filename.jpg?<?= time()?>"

где time() текущая отметка времени

Это означает, что вы просто меняете URLкаждый раз.

Answer 3

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

Если вы хотите сохранить имя ваших изображений, то вы можете сделать изменение только временным.