CLS, Dawn Theme

lollipopbook
Visitor
3 0 0

I can't seem to reduce my CLS. This is the message I get on PageSpeedInsights:

 

<main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">

 

 

I have added dimensions to my images but the CLS is still .385.

 

This problem is only on desktop. Mobile CLS is very low- .015

 

Any insight about what I can do to fix this issue for desktop?

Replies 6 (6)

oreoorbitz
Shopify Partner
257 31 132

Read this post:
https://community.shopify.com/c/site-speed/read-before-asking-how-to-improve-your-cls/m-p/2570596#M7...

Available for pagespeed consulting
https://www.upwork.com/freelancers/~01a19b6cd90193f4f6?viewMode=1&s=1017484851352698949

lollipopbook
Visitor
3 0 0

This is the specific error message:

 

A late network request adjusted the page layout.

 

Can someone explain what this means?

oreoorbitz
Shopify Partner
257 31 132

This is one of the most common cause of Layout shift, it gives no specific idea of what your issue is. Share your website URL or there isn't any suggestion we can give.

CLS is usually caused by

Your HTML loads

Something else loads, and moves things around, thus Layout Shift

Available for pagespeed consulting
https://www.upwork.com/freelancers/~01a19b6cd90193f4f6?viewMode=1&s=1017484851352698949
lollipopbook
Visitor
3 0 0

www.lollipopbookclub.com

 

The  shift is happening on Desktop, not Mobile

AnneLuo
Shopify Partner
636 126 129

Refer this URL.

https://web.dev/optimize-cls/

 

By fixing these issues, your website speed score can definitely improve.

 

If anything is missed out or unclear then don't hesitate to ask.  Let us know in details.

Have a nice day !

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

neildt
Tourist
6 0 1

I noticed that your CLS on desktop is fixed?  How did you fix it?

 

We are experiencing the same issue on Desktop for our Shopify store.  Mobile is fine for our site.