Images without width/height: Avoid layout shifts
Missing image dimensions can cause layout shifts.
Missing image dimensions can cause layout shifts Performance errors should be prioritized according to affected templates and user view. Not every technical warning is equally business critical.
Reserve the space for pictures before downloading
When an image reloads under a title and pushes the text downwards, reliable size ratios are often missing. The HTML attributes width and height describe the proportion of the image; they do not have to prevent a responsive display.
Example: Recognizing the Result
Illustrative example: An image under the introduction does not reserve a space before downloading. As soon as it appears, the following text moves down.
<img src="produkt.webp" width="800" height="600"
style="max-width:100%;height:auto" alt="Roter Rucksack, Vorderansicht">Limit cause and implement correction
Targeted limitation of the cause
Check the actual rendered img element and its CSS. For width: 100% and height: auto, the browser can derive the necessary height from the HTML dimensions before downloading. If the image section differs per screen width, the reserved space must also fit the respective subject.
Change and follow-up audit
Complete correct intrinsic dimensions or a suitable aspect ratio for the image container. Avoid rigid heights that distort product images. For images from the CMS, the dimensions should come from the metadata of the specific image and not from a flat template value.
Load the page with throttled connection and empty cache. The text under the picture should keep its position. In addition, check banners, embedded videos and reloaded widgets if layout shifts persist despite correct image dimensions.
What makes you recognize a suitable correction
Under throttled connection, the area before and after the image download remains the same. HTML dimensions and responsive CSS must reflect the same aspect ratio.
Classification and boundaries
When is this indication not a clear error?
A space already reliably reserved by CSS can also solve the problem. Incorrect width/height values are not an improvement.
Further documentation
Images without width/height after CMS and cause
Many audit messages can be resolved faster if they are grouped by system, page type and technical cause. CMS indentations are only linked where images without width/height have a clear cause or fixed route in the respective system.
Frequent causes of this error
Related SEO Errors
Appropriate Seitenreport checks
This error should not be checked in isolation. The following tools and clusters help to narrow down the cause faster and to cleanly prioritize the affected URL groups.