Archived topic
CLS Layout shift problem
7 replies · Started by Kevin on November 28, 2022
Started having some issues with page speed insights. the 2 elements are:
<div class="gb-grid-column gb-grid-column-4cb6e871">
and
<h1 class="gb-headline gb-headline-47638e23 gb-headline-text">
Not too sure what the problem is here. Any recommendations?
Hi there,
I really wish Google would reword their Layout shift panel :), as those are simply HTML elements that reported to have experienced a layout shift. But they are not the cause.
Most common cause is CSS and Font optimizations. Try disabling any optimization plugins and retest the page.
yea it looks like perfmatters is the cause somehow. I disabled it and cls is back to 0. Now gotta figure it out.
Try disabling the removing Unused CSS option in Perfmatters.
yea I did that without positive results. I am starting to see it is being caused by the lazy loading feature. From the initial test, turning off lazy loading brought the cls back to 0. I have to run more tests. I tell ya, PSI is a real needy pain in the ass.
Ask Perfmatters support, Brian is really good with debugging those kind of issues.
Brian took a look at it and found the issue. Believe it or not, it was the Remove Global Styles switch. It was turned on, so he disabled it and it corrected the issue. I have global styles set, so this must have caused the conflict with that option enabled. Thanks David for chiming in!
Awesome - glad you got that resolved :)
