One of my Webflow sites in particular has been tricky to fix when it comes to CLS, but I think I may have found what the issue is…
I believe the FOCU flash to be enough to upset Google and to harm my CLS rating.
My site only has one custom font, Playfair Display, that I have uploaded directly to Webflow.
If I change the display from ‘Swap’ to ‘Optional’ of course it then loads the fallback but the issue goes away.
The same with paragraphs, if I upload Lato rather than using Webflow’s in-built Lato font and set to ‘Optional’, all my CLS issues are fixed.
Of course the problem with using ‘Display: Optional’ is just that, the font I guess is optionally loaded.
Reading online, using ‘Display: Optional’ should also be used alongside pre-loading fonts, but I am unsure how to do this.
Does anyone have any info they could add?
I have searched the forum, but the ‘code fix’ that was circulating doesn’t seem to work any more.