Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

CLS fails on mobile

  • I don’t know if you can help with this but Google has failed CLS on mobile for my site. It says the result for this url: https://podcastingtoday.co.uk/matt-shanes-secret-podcast-launches-new-video-episodes-on-spotify/ is 0.51.

    Running it in pagespeedinsights it does show a fail at 0.51 but in the diagnosis it provides below the results it says the CLS is 0.

    Any ideas?

  • Hi there,

    It looks like the issue is related to the font swap behavior that occurs during the initial load, which typically happens when the font-display property is set to swap.

    From the source, I can see you’re using the OMGF plugin to serve local fonts. I recommend checking the plugin settings to see if there’s an option to change the font-display value to auto instead of swap.

  • Thank you – I’ve set it to auto as you suggested and will see if that helps with Google.

  • Sure, let us know how it goes.

  • Well, I set the OMGF plugin serve local fonts to auto as suggested and it still failed Core Web Vitals – it says CLS is 0.49 – any ideas please?

  • I did a lighthouse test for your site, it did not indicate a CLS issue, but I did see an LCP issue.
    https://app.screencast.com/YB5nORVlq6YZw

    To improve that, can you install the font locally via the font library?

    And make sure you only install the variants (font weight) that you use to make sure the font file is minimal.

  • I didn’t think there was an issue with the CLS, but Google does – you can see it failed a couple of days ago saying the score is 0.48:-

    https://i.postimg.cc/wvWK9rjF/Fail.jpg

    Regarding loading fonts locally – should I click the Install Google Font” option? Also should I diable the OMGF plugin?

    Thanks

  • Regarding loading fonts locally – should I click the Install Google Font” option? Also should I diable the OMGF plugin?

    The font library module can be turned on at appearance > generapteress, then youc an access it at appearance > font library.

    Once the fonts are installed, go to customizer > typography, choose the local fonts as the font family for the elements.

    I didn’t think there was an issue with the CLS, but Google does – you can see it failed a couple of days ago saying the score is 0.48:-

    The Lighthouse test I did is an official Google developer tool to test site performance. So it looks like Google has some conflicting information 🙂

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