<style type="text/css">
.hidden-image-container {
display: none;
}
</style>
<div class="hidden-image-container">
<img src="lulcats.png" />
</div>
estoy interesado principalmente en lo que los navegadores móviles hacen que la optimización de no descargar una imagen que está en un contenedor oculto.descarga imágenes ocultas
Esto me permitiría reducir significativamente el tiempo de descarga inicial.
Related reference question about loading images across devices
Estoy bastante seguro de que la mayoría de los navegadores seguirán descargando un elemento "oculto", ya que se supone que el elemento oculto se utilizará en algún momento. Lo único que se me ocurre para evitar que la imagen se descargue de inmediato es eliminar la imagen de su div oculto, y luego usar div.innerHTML = img tag html, cuando desee que el cliente descargue la imagen. – ToddBFisher
Ver también https://stackoverflow.com/questions/12158540/does-displaynone-prevent-an-image-from-loading – Pino