Cargar imagen

[mbm150]

Basicamente, como se carga antes una imagen? poniendo la etiqueta <img> (como siempre) o creandola desde javascrip? Yo creo que tarda lo mismo, no?

Quiero decir, que tarda menos en cargar, esto:

Código HTML:

<div>
        <img src="imagen.JPG" />
</div>
 

o esto:

Código Javascript:

$(window).on('load', function(){
        var foto=$('<img src="imagen.JPG" />');
        $('div').html(foto);
});
 

La imagen se carga antes en el primer caso, en el segundo o tardan lo mismo en cargarse?

Muchas gracias por responder