I have had no replies to this in the HTML/JS forum so I will try here.

If, for example, I have a web page of 10k and it includes a graphic of 20k, then when I download the page I have used 30k of bandwidth. No problem so far!

If I then load another page of 10k which includes the SAME 20k graphic, how much bandwidth will I have used to display the second page?

Will it be 30k? 10k + 20k
Will it be 10k? Because the graphic is cached
Or does it depend on the host?
Or even a browser setting?