Pregunta teórica de capas
 

Hola gente, me he aquí con un duda del tipo teórica y sencilla. La cosa es que en mi proyecto de página tengo 2 divs (o tablas, para este caso da igual) que contienen cada una una imágen bastante pesada. Lo que yo quisiera saber es si yo a estas tablas o divs les doy style="display: none;" osea que estarían arrancando como ocultas (para luego mostrarlas con JavaScript) ¿el navegador intentaría cargar esa imágen a pesar que su capa contenedora no se tenga que mostrar?

Se agradece de antemano.
Saludos!

depende de lo que el navegador "quiera" hacer, la especificación no dice nada en este caso. Creo que debería cargarla, pero como ya te escribí, depende de cada navegador.
Creo que deberías probarlo.


Saludos.

Gracias pro responder alvlin. Siguiendo tu recomendación me puse a hacer algunas pruebas y el tema es que aunque la capa arranque con el estilo display en none la carga de la imágen o lo que haya dentro de ella se realiza igual.
Tal vez opte por trabajar con PHP y evitar la carga de la misma desde el servidor.
Saludos!

la imagen se cargara = solo que oculta.

Si quieres que la imagen no cargue al principio, una idea seria crear una imagen en blanco de 1PX (le das el ancho y alto que quieras) y cuando quieras que aparezca la imagen, cambian el src de esta.

Podrias incluso hacer una precarga de las imagenes grandes para que despues no atrden en cargar.

Buenisimo, me encantó esa idea... es exactamente lo que voy a hacer.
Muchas gracias!