Bild nachladen

[1unitedpower]

Irgendwer hatte mal untersucht, ob ein Bild <div><img src="…" alt="…"/></div> geladen wird, wenn
a) img { display: none }
b) div { display: none }

Ja, das hatte ich auch mal gelesen. Das Problem mit diesem Hack ist, dass er von der Implementierung des Browsers abhängt, also können Unterschiede Browsern und Versionsnummern auftreten.

Der sichere Weg wäre das <link>-Element zu benutzen:

<link rel="prefetch" href="ultrasaurus-4k-uncompressed.png">

Auf diese Weise wird das Bild so früh wie möglich geladen, blockiert aber andererseits nicht die Rendering-Pipeline.