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; 
} 

EDIT: Я не уверен, если это имеет значение, но выше DIVs сначала загружаются на другую страницу со стилем = "display: none;"

Answer 1

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

Answer 2

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

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