The picture is loaded late. CLS Problem

Hello, the picture is loaded late when logging in to the products on my site and therefore it slips. Naturally, the CLS problem occurs. How can I prevent slipping on the site

https://dosya.co/1yb5mhbmkkxh/Screenrecorder-2021-01-01-22-15-31-641(0)(0).mp4.html

Screenrecorder-2021-01-01-22-15-31-641(0)(0).mp4 – 542 KB

Hello,

I am checking your site and I cannot catch the problem: https://urfayoresi.com/urun/siverek-orgu-peyniri/

If you mean Lazy loading, you can disable it in the Theme Settings > Performance.

Best Regards

Hello, because the image is loaded late in the mobile theme, the site slips and this causes the CLS problem.

Naturally, it has an effect on the ranking. My mobile and desktop rankings are different. Since this problem does not appear much on the desktop, ie there is no CLS problem, the rankings are high, but this is because of the slippage in mobile.

I don’t use lazyload

Same problem you have in demo. When opening the product image on the product page, there is a scrolling on the site. Please be careful with you. How do we fix this problem

https://developers.google.com/speed/pagespeed/insights/?hl=tr&url=https%3A%2F%2Fwoodmart.xtemos.com%2Fshop%2Fother%2Forganic%2Frutrum-eget-congue%2Fdemo%2Forganic%2F

https://developers.google.com/speed/pagespeed/insights/?hl=tr&url=https%3A%2F%2Fdemo.xtemos.com%2Fbasel%2Fshop%2Fother%2Forganic%2Fyronoka-blueberry-beet%2F

Basel and woodmart theme

Please see the difference between your two themes.

While one does not have CLS problem vs slipping problem, one has it. How do we solve this

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.woocommerce-product-gallery .owl-carousel {
	display: block;
}

[Author]

Posts