Предварительная загрузка изображений с помощью JavaScript

Question

Вот мой скрипт предварительной загрузки:

<script type="text/javascript"> 
Image_1 = new Image(1,1);
Image_1.src = "images/sprites.png";
</script>

И это прекрасно работает. Я вижу в заголовках изображение загрузки.

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

Я надеюсь не звучать слишком наивно. Но зачем браузеру запрашивать изображение, когда я его предварительно загрузил? Есть ли другие причины, по которым браузер должен будет повторно запросить?

Также я поставил размеры как изображение (1,1). Иногда я не знаю размеров, так как это изображение время от времени обновляется. Может в этом причина?

Answer 1

Вам нужно отправить заголовок Expires с изображением с сервера, чтобы включить кеширование в браузере.

например, в Apache (в.htaccess)

срок действия разрешения истекает:

ExpiresActive On

по дате:

ExpiresDefault "access plus 30 days"

или по типу файла:

ExpiresByType image/gif "modification plus 5 hours 3 minutes"