using linebreaks to optimize html page load

Question

Please find the code given below:

<img src="test1.jpg" width=50%/>
<img src="test2.jpg" width=50%/>
<img src="test3.jpg" width=50%/>
<img src="test4.jpg" width=50%/>

Will the performance be improved if I include linebreaks in the relevant places? (as below):

<img src="test1.jpg" width=50%/>
<img src="test2.jpg" width=50%/>          <br/>
<img src="test3.jpg" width=50%/>
<img src="test4.jpg" width=50%/>

Answer 1

When HTML page is loaded in browser, all elements are displayed in floated style, if second image width is larger than maximum page width, it will be displayed below first image, this is managed by browser internally. What does matters here is how much byte size your image is, because page load means transfer of data between server and client.