Кэширование изображений CSS
-
22-08-2019 - |
Вопрос
С точки зрения кэширования изображений на стороне клиента, есть ли разница между следующим:
**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;
}
Редактировать:Я не уверен, имеет ли это значение, но приведенные выше разделы сначала загружаются на другую страницу со стилем ="display:none;"
Решение
Нет.Также обратите внимание, что некоторые браузеры не будут кэшировать графику в скрытых элементах (независимо от того, скрываете ли вы их напрямую или скрываете один из их родительских элементов).
Другие советы
Нет.Кэширование клиента контролируется заголовками, возвращаемыми с сервера в запросе изображения, а не css.
Кроме того, если вы ищете кэширование изображений, я настоятельно рекомендую использовать CDN. Облачный фронт Amazon делает это легко и дешево.
Не связан с StackOverflow