[Resolved] CLS issue

Home Forums Support [Resolved] CLS issue

Home Forums Support CLS issue

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1616241
    Patty

    Hi!

    My site keeps getting a medium-high CLS rating.

    I don’t quite understand the concept of CLS, so I would really appreciate if you could take a look at what could be causing it πŸ™‚

    My website is horoscoop-hoekje.nl

    Thank you!

    #1616337
    Leo
    Staff
    Customer Support

    Hi there,

    Any chance you can disable all plugins except GP Premium for me to run a PageSpeed insight test?

    Let me know πŸ™‚

    #1616339
    Patty

    Hi Leo,

    I just disabled everything! Hope it helps to narrow it down

    #1616363
    Leo
    Staff
    Customer Support

    Looks like the CLS issue is resolved.

    Can you confirm that on your end?

    #1616589
    Patty

    Thank you Leo! It didn’t seem to make a difference on my end though.

    Google PageSpeed gives a CLS of 0.131, while layoutstability.rocks gives 0.26. In Google Search Console it says 0.18 and “needs improvement”.

    #1616597
    Elvin
    Staff
    Customer Support

    Hi,

    The CLS issues flagged on your site seems to be from the fonts set to your site.

    There seems to be some Flash of Unstyled Text (FOUT) issue happening.

    To address this, you can try preloading the font you use.

    As to how it’s done, you can try following David’s brief guide here:
    https://generatepress.com/forums/topic/local-font-pagespeed-insights/

    A wise man once said:
    "Have you cleared your cache?"

    #1616658
    Patty

    Thank you, Elvin! Seems complicated, and I’m not particularly attached to the font, so perhaps simply changing the font will help?

    The guide starts with talking about a local font. I just selected one from the customizer.

    I think I’ll just start from scratch though and test better with every step whether the CLS changes or not.

    #1616691
    Patty

    Hmm, even using one of the premade templates leads to isses. All I did was change the colors. It’s fine freshly unpacked but then when using the customizer things get messed up it seems.

    Added later: removing the GP premium plugin solved everything, but that doesn’t seem like a good thing.

    #1616729
    David
    Staff
    Customer Support

    Hi there,

    looks like your using the Phast Cache plugin which is using inline Critical CSS – can you try disabling that option, and let us know.

    #1617288
    Patty

    I’m suspecting it might be caused by CloudFlare’s caching. Turning on Developer Mode instantly changes the results. Searched their site and some report the same issue. No solution though. I’ll teste more tomorrow.

    #1617317
    David
    Staff
    Customer Support

    Yep theres a good chance that is also an issue, especially if other CSS is being deferred ( Optimized CSS and Cached CSS ) and those requests rely on CDNs to deliver it.

    Fingers crossed for tomorrow

    #1617551
    Patty

    Whatever the underlying issue may be, another person had the exact same issue: turning on developer mode instantly solves the problem. Their support dismissed it as a design issue.

    But I guess if I can achieve better speed results with free plugins, that’s a win for my wallet πŸ™‚

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