Welche Browser download, versteckte Bilder

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

Ich bin vor allem interessiert, was mobile Browser machen das Optimierung nicht herunterladen eines Bildes, das in einem versteckten container.

Dies würde mir erlauben, signficantly Reduzierung der anfänglichen download-Zeit.

Verwandte Referenz-Frage zum laden von Bildern auf Geräte

  • Ich bin mir ziemlich sicher, dass die meisten Browser noch download "versteckte" element, da es wird angenommen, dass der hidden-element verwendet wird irgendwann. Das einzige was ich mir denken kann, um zu verhindern, dass das Bild, das herunterladen von rechts entfernt ist, entfernen Sie das Bild aus Ihrem versteckt-Bild-div-container, dann verwenden Sie div.innerHTML = img-tag in html, wenn Sie möchten, dass der client das Bild herunterladen.
  • Siehe auch stackoverflow.com/questions/12158540/...
InformationsquelleAutor Raynos | 2012-01-23
  1. 11

    Jemand getestet hat, diese vor:

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

    Edit:

    Sieht aus wie in der Liste nicht enthalten viele mobile Browser (noch) nicht.

    • Jemand hätte zu entschlüsseln, die UA Liste in eine vernünftige sichtbaren Liste der Browser, die das tun und nicht.
    • Es hat iPhone OS 2-5 und Android. Das deckt die meisten Handys, keine?
    InformationsquelleAutor user123444555621
  2. 2

    Ich würde nie nennen es eine Optimierung für ein browser-kein download einer versteckten Bild. Möglicherweise haben Dutzende von guten Gründen und sollte (und wird) noch bekommen, von einem browser heruntergeladen. Ich glaube nicht, haben einige Tabelle von zahlen oder Browser, aber ich bin ziemlich sicher, dass alle mobilen Browser auch herunterladen, wie ein Bild, sobald der Dolmetscher Flecken es.

    Ich fürchte, es gibt keine silberne Kugel, bedingt laden <img> tags mit nur html/css. Jetzt müssen Sie zumindest ein kleines Stück von ecmascript, aber wie immer, ich bin mir sehr sicher, dass stackoverflow-community wird mich korrigieren, wenn ich falsch bin hier.

    Den <img> Knoten hat keine Eigenschaft wie .preventLoad (das wäre in der Tat ganz nützlich). Vielleicht ist es Zeit für eine whatwg Vorschlag, ich werde kommen und es unterstützen 🙂

    • Ich bin damit einverstanden, dass das herunterladen auf das Bild, das "richtige" Verhalten. FWIW, Bilder erstellt von JS sind immer geladen, auch wenn nicht Hinzugefügt wird, um den DOM-Baum(!): document.createElement('img').src = '//example.com/example.png';
    InformationsquelleAutor jAndy
Schreibe einen Kommentar