Caricamento Immagini: come e perché.

[Igreo]

Mi piacerebbe saperne di più per quanto riguarda il caricamento delle immagini in relazione a:
1) Gerarchia di caricamento da parte del browser;
2) Metodo migliore e "certificato";

Dunque i metodi che conosco sono due:
1) Javascript::
-Nell'HEAD della pagina inserire

miaimm= new Image();
miaimm= "immagine1.jpg";
miaimm= "immagine2.jpg"; 

Questo mi assicura che nella cache venga immagazzinata l'immagine (ho omesso qualcosa?).

2) IMG piccolissima:

<DIV style="display: none;">
[img]immagine1.jpg[/img]
[img]immagine2.jpg[/img]
</DIV> 

Anche questo mi assicura la medesima cosa di sopra.

Ci dovrebbe essere anche un metodo css.. ma non lo conosco.

Quindi, secondo voi cosa è meglio usare? E perché?

Grazie infinite!!

PS. Ho notato che comunque il browser fa spesso quello che vuole lui..