Сделайте браузер кэшировать изображение

Question

У меня на сайте довольно большое изображение (около 200 КБ)Я не планирую менять его в ближайшее время.Как я могу сказать браузерам кэшировать его?

Answer 1

Настройка правильных заголовков вам очень поможет.

Срок действия истекает: четверг, 15 апреля 2012 г. 20:00:00 GMT

Настройка этого заголовка сообщает браузеру, когда обновлять этот ресурс.См. http://www.web -caching.com / mnot_tutorial / how.html для получения дополнительной информации.

ETag: "10c24bc-4ab-457e1c1f"

ETag отправляется всервер, при втором посещении.Если он все еще имеет то же самое, он отправляет 304 - без изменений.

См. http://developer.yahoo.com/performance/rules.html для получения дополнительной информации, Глава Настройка ETags

Answer 2

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

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

Например, с Apache, с включенным mod_expires:

<FilesMatch thefilename.png>
    ExpiresActive On
    ExpiresDefault "access plus 1 year"
</FilesMatch>

При этом будут установлены заголовки Expires и Cache-Control, чтобы браузер не проверял, было ли изображение изменено в течение 1 года после его первой загрузки.