11
Images without width/height (high CLS)
Missing width and height on images causes layout shift when media loads.
What it means
Missing width and height on images causes layout shift when media loads.
Why it happens on Shopify
Common Liquid oversight: lazy without explicit dimensions.
How to check if you have this issue
Reload a product page without cache and inspect layout shifts in DevTools. Check whether media space is reserved before download and test variant changes too.
How to fix it: precise steps
Provide dimensions matching the actual ratio or reserve space in CSS. In Liquid, use image_tag with responsive sizes. Retest the same journey; incorrect dimensions can introduce new shifts.
How to confirm it is fixed
Repeat the same checks as in the verification step after deploy. SEO effects can take days to weeks depending on crawl budget.
Impact on SEO and conversion
High-impact issues often hurt perceived performance or SEO consistency; fixes gradually improve rankings and conversion.
Related issues
Sources and editorial context
Teo Comyn · Updated
Technical references consulted for this revision. Illustrative examples are not measured client results. Check the current documentation and your store before applying a change.
Editorial policy