Hello,
I’m getting close to optimising my site’s core web vitals, but the last issue is a CLS score that I can’t seem to reduce. I’ve improved my CLS a lot, but I want to get it “green” for both desktop and mobile.
Mobile CLS: 0.082 (which is fine)
Desktop CLS: 0.186 (this is what needs to be improved)
This issue is only flagged up on pages without a featured image. I think it’s probably affecting all pages, but isn’t flagged up on those where the featured image pushes more of the content below the fold.
Under “Avoid large layout shifts” in Pagespeed Insights, the 5 elements are the first H2 tag on the page and the three paragraphs after this H2, which makes me think it’s something to do with the H2 itself. I’m not sure why this would be the case though.
I’ve also checked using https://defaced.dev/tools/layout-shift-gif-generator/ and it’s clear that the H2 and subsequent paragraphs are shifting quite a bit for some reason.
It would be great to hear your thoughts. Thanks!
P.s. I’m using WP Rocket and have tried turning off critical path CSS, but this hasn’t made a difference in this case.