Как обновить кэш у пользователя сайта?

Question

[dimatim1516]

Знаю, что подобные вопросы и ответы есть в сети, но не все подходят/правильны/понятны/актуальны. Есть простой самописный сайт на html и css, надо чтобы при обновлении контента ( замены фото/текста в html файле или свойств в css) контент обновлялся и у посетителя сайта. Есть простой способ это реализовать, не отказываясь полностью от кэширования?

Comments

[Глеб Старков]

Фото, текст не знаю, а стили и скрипты - просто.
Добавляете в src версию ?v=2

Answer 1

[WapSter]

Для css и js в пути файла можно подставлять версию после знака "?" <script src="/js/main.js?123456789"></script>

Картинки и так обновляются, если название отличное.

Answer 2

[xmoonlight]

Отключите полностью кеширование всего сайта сразу после редактирования контента на время жизни кэша.
По истечении этого времени - снова включите кэширование.

Часто редактируете - отключайте или совсем, или точечно: только на изменённых линках.

Сайт простой - сделайте кэширование для всего контента на время самого длительного посещения: оптимально 30 минут.

Comments

[dimatim1516]

И как реализовать один из способов, это должно быть в настройках хостинга?

[xmoonlight]

dimatim1516, в .htaccess для апача прописываются директивы.
Как в nginx там - не знаю (не работаю с ним).

[dimatim1516]

мало что понял, у меня есть файл с .htaccess ( прописывал там ErrorDocument 404) как он подключается и как работает не помню уже. Нужно вставить этот код? (время регулируется изменением max-age=172800 указанным в секундах?)

# Cache-Control
<ifModule mod_headers.c>
    # 30 дней
    <filesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|swf)$">
        Header set Cache-Control "max-age=2592000, public"
    </filesMatch>
    
    # 30 дней
    <filesMatch "\.(css|js)$">
        Header set Cache-Control "max-age=2592000, public"
    </filesMatch>
	
	# 30 дней
    <filesMatch "\.(eot|ttf|otf|woff)$">
        Header set Cache-Control "max-age=2592000, public"
    </filesMatch>
    
    # 2 дня
    <filesMatch "\.(xml|txt)$">
        Header set Cache-Control "max-age=172800, public, must-revalidate"
    </filesMatch>

    # 1 день
    <filesMatch "\.(html|htm|php)$">
        Header set Cache-Control "max-age=172800, private, must-revalidate"
    </filesMatch>
    
</ifModule>

[xmoonlight]

dimatim1516, ага, именно так!

[xmoonlight]

dimatim1516, если ответ помог - Вы также, как и другие полезные ответы, можете отметить его решением вашего вопроса. Спасибо!