- This topic has 11 replies, 4 voices, and was last updated 1 year, 6 months ago by Patty.
January 12, 2021 at 12:25 pm #1616241Patty
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!January 12, 2021 at 2:57 pm #1616337LeoStaffCustomer SupportJanuary 12, 2021 at 3:01 pm #1616339Patty
I just disabled everything! Hope it helps to narrow it downJanuary 12, 2021 at 3:20 pm #1616363LeoStaffCustomer SupportJanuary 13, 2021 at 12:02 am #1616589Patty
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”.January 13, 2021 at 12:20 am #1616597ElvinStaffCustomer Support
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:
A wise man once said:
"Have you cleared your cache?"January 13, 2021 at 1:37 am #1616658Patty
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.January 13, 2021 at 2:16 am #1616691Patty
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.January 13, 2021 at 3:11 am #1616729DavidStaffCustomer SupportJanuary 13, 2021 at 7:55 am #1617288Patty
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.January 13, 2021 at 8:10 am #1617317DavidStaffCustomer 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 tomorrowJanuary 13, 2021 at 11:22 am #1617551Patty
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 🙂
- You must be logged in to reply to this topic.