Why does Lighthouse want width and height on my images?

Setting an explicit width and height on every image is the single most effective fix for Cumulative Layout Shift - the annoying jump as a page loads. It tells the browser exactly how much space to reserve before the image arrives:

  • Without dimensions - the browser does not know how tall the image is, so it leaves no gap, then shoves everything down when the image loads.
  • With dimensions - the space is reserved from the start, so nothing moves and CLS stays low.
  • It is a tiny change - two attributes on the image tag, or the matching settings in your page builder.

This costs nothing and asks for no design change, yet it fixes the layout-shift problem most sites have. Add width and height to every image - it is the cheapest Core Web Vitals win there is.