The picture is loaded late. CLS Problem

This topic has 4 replies, 3 voices, and was last updated 3 years, 10 months ago by Artem Temos.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
January 1, 2021 at 7:24 pm #255118

alkan6363
Participant

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

January 2, 2021 at 10:52 am #255199

Elise Noromit
Member

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

January 10, 2021 at 7:23 am #257077

alkan6363
Participant

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

January 10, 2021 at 7:27 am #257078

alkan6363
Participant

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

January 11, 2021 at 7:18 am #257241
Artem Temos
Keymaster
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

Viewing 5 posts - 1 through 5 (of 5 total)

The picture is loaded late. CLS Problem

Create your WordPress website.