HTML Browser Verification Specify Image Sizes

Question

I just started using Chrome creation tools for some major html websites, and I used an audit tool.

I had two identical images: one with the height and width attribute, and one without it. In the Resources section, both the latency and the boot time were identical. However, the audit showed that

Specify image dimensions (1) A width and height should be specified for all images in order to speed up page display.

Does it help? And are there other ways to speed up page time?

This is just a popup page for the website I am creating, and as such it is only html, no css or javascript or something else. I have already compressed the images, but I want to speed up the loading time even more. Is there any way?

Answer 1

Generally speaking: if you specify the image size in the <img> , the browser will know how much space is allocated for it, and it will display the rest of the page while loading the image. Otherwise, the browser will have to wait a few more milliseconds to get the size of the image from the image itself before displaying the rest of the page.

Since you only have a pop-up page, I doubt that there will be anything else for the browser, so it doesn't really matter if you specify the dimensions or not.