Ответ 1
Кто-то испытал это раньше:
http://www.w3.org/2009/03/image-display-none/test.php
Edit:
Похоже, что список не содержит много мобильных браузеров (пока).
<style type="text/css">
.hidden-image-container {
display: none;
}
</style>
<div class="hidden-image-container">
<img src="lulcats.png" />
</div>
Меня в основном интересуют, что мобильные браузеры оптимизируют загрузку изображения в скрытом контейнере.
Это позволит мне существенно сократить начальное время загрузки.
Связанный с этим вопрос о загрузке изображений на устройствах
Кто-то испытал это раньше:
http://www.w3.org/2009/03/image-display-none/test.php
Edit:
Похоже, что список не содержит много мобильных браузеров (пока).
Я бы никогда не назвал его оптимизацией, чтобы браузер не загружал скрытое изображение. Это может иметь десятки веских причин и должно (и будет) загружаться браузером. У меня нет таблицы чисел или браузеров, но я почти уверен, что все мобильные браузеры также загружают такое изображение, как только интерпретатор это видит.
Я боюсь, что нет серебряной пули, чтобы условно загружать теги <img>
только с помощью html/css. Прямо сейчас вам понадобится хотя бы небольшой кусочек ecmascript, но, как всегда, я очень уверен, что сообщество stackoverflow меня исправит, если я ошибаюсь.
<img>
node не имеет такого свойства, как .preventLoad
(что действительно было бы очень полезно). Возможно, это время для предложения whatwg
, я присоединяюсь и поддерживаю его: -)