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

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

15 голосов
/ 23 января 2012 
<style type="text/css">
    .hidden-image-container {
        display: none;
    }
</style>
<div class="hidden-image-container">
   <img src="lulcats.png" />
</div>

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

Это позволило бы мне значительно сократить первоначальную загрузкуtime.

Соответствующий справочный вопрос о загрузке изображений на устройства

Ответы [ 2 ]

11 голосов
/ 23 января 2012

Кто-то проверял это раньше:

http://www.w3.org/2009/03/image-display-none/test.php

Edit:
Похоже, список не содержит много мобильных браузеров (пока).

2 голосов
/ 23 января 2012

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

Боюсь, что серебряной пули нетусловно загрузить <img> теги только с HTML / CSS.Сейчас вам понадобится хотя бы небольшой кусочек экмаскрипта, но, как всегда, я уверен, что сообщество stackoverflow исправит меня, если я ошибаюсь.

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

...