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.
At this time – to change the fall-back font would require the fonts to be served locally which would allow you to specify your own fallback font. We have plans to overhaul the Typography system to make this kinda thing a lot easier.