How to fix CLS 0.25 issue in turbo theme with 81 URLs?

How to fix CLS 0.25 issue in turbo theme with 81 URLs?

Talhayounas
Tourist
4 0 2

I'm facing CLS 0.25 issue in almost 81 urls. All changes like pic resizing, I have made. What should I do?

Can anyone help 

 

 

Replies 8 (8)

Shop_Lovers
Shopify Partner
281 46 73

Hi,

 

To improve site speed you need to work on some points

1. Reduce # of Apps
2. Lazyload Images
3. Use Compressed Images.
4. Minify JS/Css
5. Use Google Tag Manager etc.

 

Let me know if you have any questions.

 

Thanks

Talhayounas
Tourist
4 0 2

Thank you for fast reply.

I have made everything. I'm facing issue in Google console.

 Google console is showing affected url. Speed is good on an average 90+ in mobile and 95+ in desktop 

Shop_Lovers
Shopify Partner
281 46 73

Hi,

 

Can you please share your URL.

 

Thanks

Talhayounas
Tourist
4 0 2
Shop_Lovers
Shopify Partner
281 46 73

Hi,

 

I have checked the website and noticed some points.

1. Some images not have height and width attribute.

2. Images is lazyloaded but not properly.

3. JS and CSS not minified.

4. Font should be have swap disyplay.

 

Etc.

 

Thanks

 

 

Talhayounas
Tourist
4 0 2

I used 1024 px widht with expected height

What should be picture dimensions

how can sort out font swap issue

Can I use any app to minify the J's and css?

 

 

Shop_Lovers
Shopify Partner
281 46 73

Hi,

 

To check the image code and font issue I need store access with Theme area only if you agree.

 

Thanks

Arthur-e9
Visitor
1 0 0

Hi, I have the same issue with turbo theme. I was in contact with a freelancer to fix it but he told me for Turbo theme its due to the specific frontend layout. I do not know what to do now? did you manged to fix it without a long loading screen?