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

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

sunny96x
Excursionist
26 0 3

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!

Reply 1 (1)

Paulomi168
Visitor
3 0 0

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!