Archived topic
CLS Issue: More Than 25 on 420 Urls (Both Mobile and Desktop)
5 replies · Started by Monkeys and Mountains on December 4, 2020
Hi, in Google Search Console I'm getting the error report that 420 urls have a CLS issue of more than 25 on both desktop and mobile for my site https://monkeysandmountains.com/.
Please advise what I need to do to fix this.
Thank you.
Hi there,
one thing to avoid is lazy loading the Logos as this can cause a shift.
Most lazyloader plugins allow you to exclude images with a specific CSS class. For the GP logos you can use: is-logo-image
Had a quick nose around the site to see what else may be causing this. The main issue is the font loading, on initial load it uses a fallback font and after rendering the actual font loads causing a shift. What cache plugin are you using ? Some of them i believe offer the option to preload fonts to stop this from happening.
Hi David,
Thanks for this. Will look into how to add the code so that the WP Rocket plugin doesn't lazy load the logo, thank you.
I'm using the Font Awesome plugin, would it fix the font issue if I deactivated it?
Re: cache plugin, I'm using WP Rocket.
Please advise, and thank you for your help. I really appreciate it.
I’m using the Font Awesome plugin, would it fix the font issue if I deactivated it?
It might. The best way to find out is to disable it to test.
I've disabled it and submitted the valid test to Google Search Console but they said it will take 28 days to validate. Can you check (or tell me how to check) to see if disabling the FontAwesome plugin fixed the issue?
Thanks
I don't think FontAwesome is the issue here.
The CLS issue seems to be almost fixed other than the logo:
https://www.screencast.com/t/q0gg8fwNI
This is the site I used to test:
https://developers.google.com/speed/pagespeed/insights/
