¿Un elemento con pantalla: ninguno establecido en CSS todavía se descarga por el navegador?

Question

¿El navegador aún descargará la imagen?

<img src="/myimage.jpg" style="display:none;" /> 

Answer 1

Sí, al menos de acuerdo a la consola neta en Firebug.

Según lo declarado por thethimble, CSS es la capa de presentación y afecta el procesamiento, no el procesamiento real de la página.

No cabría la posibilidad de que algunos navegadores, especialmente los dispositivos móviles, no descarguen esto en un intento de optimizar el rendimiento.

Answer 2

Sí. La representación de la imagen no tiene nada que ver con la descarga de la imagen.

Editar:
Pruebe utilizar Chrome o Firefox para realizar una prueba de tiempo de los recursos de una página. Tenga en cuenta que todas las imágenes se descargan. Incluso aquellos cuyo estilo de visualización está configurado en ninguno.

Answer 3

Sí.

Sin embargo, como una nota al margen, algunos navegadores no descargar imágenes con width y height atributos de 0. No se puede encontrar la fuente de ahora, y solo probado Firefox y Safari y hacer descargarlo. Debe ser IE, ¿alguien puede probar por mí? Gracias.

En caso de duda, oler la línea, o utilizar una herramienta específica del navegador (Firebug para Firefox, inspector web de Webkit, etc)

Answer 4

Quirks Mode: images and display: none

Cuando la imagen tiene display: none o está dentro de un elemento con display:none, el navegador puede optar por no descargar la imagen hasta que el display se ajusta a otro valor.

única ópera descarga la imagen cuando se cambia el display-block. Todos los demás navegadores lo descargan inmediatamente.