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 5 (5)

oreoorbitz
Shopify Partner
253 29 130

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

Available for freelance. I specialize in speed improvement and theme development.
https://www.upwork.com/fl/orionholmes



You can also contact me directly if you prefer.

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
253 29 130

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 freelance. I specialize in speed improvement and theme development.
https://www.upwork.com/fl/orionholmes



You can also contact me directly if you prefer.
lollipopbook
Visitor
3 0 0

www.lollipopbookclub.com

 

The  shift is happening on Desktop, not Mobile

AnneLuo
Shopify Partner
529 107 105

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