Archived topic
Cumulative Layout Shift > 0.1 on Core Web Vitals
5 replies · Started by Colby on February 23, 2022
Just noticed today that I am failing Desktop Core Web Vitals according to Google Search Console. I'm not sure what would be causing this only on desktop? Mobile scores are perfect. Desktop overall is 95/100 but Google is failing the site because the CLS is above 0.1. Here is a screenshot of the results:
It looks like the issue is in regards to the primary content area? I am also noticing a difference from when I run the test with Lighthouse in Chrome vs the pagespeed.dev. Lighthouse tends to pass the CLS just by a hair, running pagespeed.dev fails it.
Any recommendations? It appears to cover all pages on my blog except the front page (blog page). I put the site URL in the private info field.
Hi Colby,
Can you try using a right sidebar instead of a left sidebar?
Let me know if that helps :)
When using the same widgets but on the right sidebar (also same width), CLS is now passing with a value of 0.
Glad to hear that :)
Then it's the left sidebar which causes the issue.
Can you try add this CSS and switch back to left sidebar?
.left-sidebar .site-content .content-area {
margin-left: auto;
}With the CSS added and back to left sidebar, CLS still passing at 0. Looks like that did the trick!
Thanks for helping out, you rock!
You are welcome :)
