Какие браузеры скачивают скрытые изображения

<style type="text/css">
    .hidden-image-container {
        display: none;
    }
</style>
<div class="hidden-image-container">
   <img src="lulcats.png" />
</div>

Меня в основном интересуют, что мобильные браузеры оптимизируют загрузку изображения в скрытом контейнере.

Это позволит мне существенно сократить начальное время загрузки.

Связанный с этим вопрос о загрузке изображений на устройствах

Ответы

Ответ 2

Я бы никогда не назвал его оптимизацией, чтобы браузер не загружал скрытое изображение. Это может иметь десятки веских причин и должно (и будет) загружаться браузером. У меня нет таблицы чисел или браузеров, но я почти уверен, что все мобильные браузеры также загружают такое изображение, как только интерпретатор это видит.

Я боюсь, что нет серебряной пули, чтобы условно загружать теги <img> только с помощью html/css. Прямо сейчас вам понадобится хотя бы небольшой кусочек ecmascript, но, как всегда, я очень уверен, что сообщество stackoverflow меня исправит, если я ошибаюсь.

<img> node не имеет такого свойства, как .preventLoad (что действительно было бы очень полезно). Возможно, это время для предложения whatwg, я присоединяюсь и поддерживаю его: -)