Need Help Reducing CLS (Cumulative Layout Shift) Caused By Main Product Photo

[sunny96x]

Hey guys!

Website:

www.shopstellory.com/products/sticky-inserts

Please check this video: 

https://vimeo.com/968050277

My main product photo is causing a lot of CLS, could anyone please guide me on how to set fixed parameters for the main product photo so I can get rid of the CLS?

Thanks!

[Paulomi168]

Dealing with CLS issues can be tricky, but setting fixed parameters for your main product photo can definitely help.

Here are some steps you can follow:

1. Set Fixed Dimensions:

2. Use CSS:

3. Reserve Space with Aspect Ratio:

By setting fixed dimensions and reserving space, you can reduce CLS and improve your site's user experience.

Hope this helps!