This optimization message is like the optimize images section we talked about earlier in this guide. In addition to making sure your images are sized correctly, specifying the size/dimensions (width and height) of your images within the CSS or HTML will help load your web pages load faster. When a user lands on your page, the browser begins the process of checking the position of text and images and uses this information to build the page. If the image dimensions are not specified, the browser will only allocate the necessary space based on the size of the container the image is in or the image itself.
The browser will then work on processing the text and then go back to working on the images and rendering them. You may notice this more on mobile devices where these layout shifts occur as the content loads. And this is where the performance bottlenecks can take place, especially if there are a lot of images that are missing these important attributes. These layout shifts cause the page to load slower and delay the time it takes for a user to begin interacting with it.
