Load Duplicate Images Efficiently

I stumbled across this weird situation(to me) where I might have an image in a html doc multiple time ... lets say 10 times the exact same image in one html file. I was curious wha

Solution 1:

No worries - it will be cached as the same image.

Solution 2:

Only 1 image is actually loaded I believe. You are just displaying the image multiple times.

Test it out.

Put the same image on the same page (so they are both displayed). Make sure it is a large image (2 or 3 mb) so that you can see if they both finish loading at the same time.