Кэширование ресурсов браузера (изображения, Javascript, CSS)

Question

У меня возникают проблемы с кэшированием на веб-сайте, над которым я работаю над обновлением. Многие из ресурсов, которые я обновил (javascript, css и файлы изображений), как представляется, кэшируются локально браузерами. Я не понимаю, почему, или как разрешить это, не переименовывая все, что я редактировал (что не очень привлекательное решение).

Сервер генерирует следующее в заголовках http.

Date Fri, 06 Jan 2012 00:09:32 GMT 
Server Apache/2.2.16 (Amazon) 
X-Powered-By PHP/5.3.5 
Expires Thu, 19 Nov 1981 08:52:00 GMT 
Cache-Control no-store, no-cache, must-revalidate, post-check=0, pre-check=0 
Pragma no-cache 
Content-Length 3636 
Connection close 
Content-Type text/html; charset=UTF-8

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

Любые идеи о том, как я могу решить эту или лучшие практики?

Answer 1

После небольшого продвижения по этому вопросу я решил разместить все ресурсы, доступные для кэширования, в версиях (например, css-1.2.1, js-1.2.1 и т. Д.). Каждый раз, когда я обновляю сайт, я просто увеличиваю число своих версий (я сохраняю все номера версий синхронизированными). Это субоптимально с точки зрения оптимизации кеша, но это означает, что мне не нужно отслеживать отдельные номера версий для каждого ресурса. Учитывая, что я не обновляю сайт каждые четыре часа, это будет означать, что пользователи должны загружать свежий набор ресурсов, когда я обновляю сайт.