CSS кеширование изображений

Question

С точки зрения кэширования изображений на стороне клиента, есть ли разница между следующим:

**Option #1**
<div style="background:url('myimage.jpg');display:none;"></div>

и

**Option #2**
<div id="myimage"></div>

style.css
#myimage {
     background:url('myimage.jpg');
     display:none;
}

РЕДАКТИРОВАТЬ: Я не уверен, если это имеет значение, но вышеупомянутые DIV сначала загружаются на другую страницу со стилем = "display: none;"

Answer 1

Нет. Кэширование клиента контролируется заголовками, возвращаемыми с сервера в запросе изображения, а не css.

Кроме того, если вы ищете кеширование изображений, я настоятельно рекомендую использовать CDN. Amazon CloudFront делает это простым и дешевым.

Answer 2

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