Вопрос

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

**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 делает это легко и дешево.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top