Css фоновые изображения не кэшируются FireFox

Question

Я динамически добавляю теги <link> на страницу, используя YUI3, и это работает правильно.

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

JS

Y.one('head').appendChild(Y.Node.create('<link rel="stylesheet" id="' + cObject[target] + 'css' + '" type="text/css" href="css/' + c[target] + '.css" />'));

Пример css bg

background-image: url(../../img/layout/apic.png);

Я, очевидно, хотел бы, чтобы этого не случилось, но не знаю, с чего начать. Это может сделать то же самое в других браузерах, но я не знаю, какие плагины доступны (если есть) для других браузеров.

РЕДАКТИРОВАТЬ: заголовки, кажется, в порядке, но эта ошибка может быть виновником ... Что я могу использовать в IE / Chrome / Safari, чтобы проверить HTTP-запросы, чтобы увидеть, если это только FF?

Answer 1

Проверьте заголовки HTTP, отправляемые в ответе изображения.

Особенно обратите внимание на заголовки, которые влияют на кэширование на стороне клиента, такие как Expires, Etag, Last-updated и т. Д. *

Убедитесь, что они установлены / отправлены правильно, и что вы знаете, как их использовать.

Answer 2

Возможно, это та же проблема, что и здесь: Обход кеша браузера в Firefox?