Jakie przeglądarki pobrać ukrytych obrazów

Question

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

Jestem zainteresowana głównie co przeglądarek mobilnych dokonać optymalizacji o nie pobieranie obrazu, który znajduje się w ukrytym pojemniku.

To pozwoli mi znacząco skrócić początkowy czas pobierania.

Related reference question about loading images across devices

Answer 1

ktoś przetestowane przed:

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

Edit:
Wygląda na to, że lista nie zawiera wiele telefonów przeglądarki (jeszcze).

Answer 2

Nigdy nie nazwałbym tego optymalizacja za pomocą przeglądarki do not Download ukryty obraz. To może mieć dziesiątki dobrych powodów i powinno (i będzie) nadal zostać pobrane przez przeglądarkę. Nie mam tabeli liczb ani przeglądarek, ale jestem prawie pewien, że wszystkie przeglądarki mobilne również pobierze taki obraz, jak tylko zauważy to tłumacz.

Obawiam się, że nie ma srebrnej kuli do warunkowego ładowania znaczników <img> za pomocą html/css. Teraz będziesz potrzebował przynajmniej odrobiny ekmascriptu, ale jak zawsze jestem pewien, że społeczność stackoverflow poprawi mnie, jeśli się mylę.

Węzeł <img> nie ma właściwości, takiej jak .preventLoad (która byłaby rzeczywiście przydatna). Może nadszedł czas na whatwg wniosku, będę przyłączenia się i wspierać go :-)