Lazy Load or CCSS and Large Cumulative Layout Shift

the .25 you see is historical “field data”, based on averages of the CLS of all your page over the last 28 days. the 0.001 is the CLS as measured by GPSI for that page at that moment. given that latter number, your CCSS & lazyload options are not harming your CLS and you’ll just have to wait until the (rolling) 28-average catches up with the performance-tweaks you made over the last week(s) ??

hope this clarifies,
frank

Yes I know that… it started at 0.07 and it’s been slowly climbing over the past 2-3 weeks (it was 0.1, then 0.17, 0.23, and today 0.25). I’ve been checking almost every day and the page CLS always shows 0.001 or 0… which leads me to believe there is actually an error. Either on a page I can’t find, or in a browser version different than what google is showing the results for.

I see … that’s a hard nut to crack. don’t know if you have Google Analytics, but maybe there you can drill down more on page/ browser level?

Yeah… they don’t give any breakdown unfortunately.

maybe in https://search.google.com/search-console ?

Yeah so there they give the list of pages affected… and it’s listing basically all of them. All show fine in PageSpeed Insights test (site CLS now up to 0.32 though). Too bad – must be a browser type or size that’s causing it. I’ll let you know here when I figure it out in case other have the same issue.

Also, can you can give your thoughts on this:
2) Is this normal CCSS behavior? (I’m not sure what a blank or is_single means) Might this be causing the issue somehow?

Also with regards to the first question about CLS – is it possible that I need to set a larger viewport size?

the blank is unexpected, but feel free to delete that.

the fact you have is_single be an “r” rule does not have to be a problem, just check by opening a blog-post and check if there is a (big) difference in the initial rendering of the above-the-fold page (with CCSS) and the final rendering (R is usually due to font-files not having loaded yet)?

Also with regards to the first question about CLS – is it possible that I need to set a larger viewport size?

your guess is as good a mine here I’m afraid; given Pagespeed Insights gives great CLS but the overall site does not one can only experiment hoping to isolate the issue leading to the latter KPI failing?

maybe try disabling lazyload for a week and see if CLS improves?

Thanks. Will remove blank.

Will troubleshoot CLS issue and get back to you later. Starting with lazyload. Thanks!

any update on this rurban23, have you been able to pinpoint the problem already?

Hello! I’m almost done testing… CLS down to 0.12! It’s definitely not lazy load. CCSS is my prime suspect. But I definitely plan on reporting back when I know for sure! ??

Rylan

so you’re running with CCSS disabled now (as you’re at .12)?

That’s correct! And I’ve toggled it back on once on the way down, and the CLS went back up. So I’m just leaving it off until I hit my vital score, then I’m going to do some testing again to figure out what’s wrong with it.

I was thinking there may have been a conflict with my caching configuration, which I’ve since changed. Otherwise, I’m not sure which options to try within CCSS settings, but planned to play around with it. Any ideas would be helpful!