[Support request] CLS Issue: More Than 25 on 420 Urls (Both Mobile and Desktop)

Home Forums Support [Support request] CLS Issue: More Than 25 on 420 Urls (Both Mobile and Desktop)

Home Forums Support CLS Issue: More Than 25 on 420 Urls (Both Mobile and Desktop)

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1566987
    Monkeys and Mountains Adventure Travel

    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.

    #1567632
    David
    Staff
    Customer Support

    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.

    #1567738
    Monkeys and Mountains Adventure Travel

    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.

    #1567959
    Leo
    Staff
    Customer Support

    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.

    #1568253
    Monkeys and Mountains Adventure Travel

    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

    #1568660
    Leo
    Staff
    Customer Support

    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/

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.