When a page loads an image, does it only load it once, or every time it is in layout?

Question

When a page loads an image, does it only load it once, or every time it is in layout? and what about jquery, does img add its reboot again? I ask about this because I have a high resolution image, but you need to use it in many cases in markup.

<img src="hello.jpg" />
<img src="hello.jpg" />
<img src="hello.jpg" />


var myimg = $('<img src="hello.jpg />');
$('img').append(myimg);

Answer 1

The browser will download the same image only once per page load, unless you use aggressive anti-caching headers (I see no reason why you are loading the page).

, net Firebug. net.

for (var i = 0; i < 10; i++) {
   var myimg = $('<img src="hello.jpg alt="" />');
   $('img').append(myimg);
}

Answer 2

, ... , ...

Answer 3

, . , , .

jquery javascript ( ), . http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript