Archived topic
CLS or LCS problem
5 replies · Started by Emanuele on July 23, 2021
Hi, I'm the owner of this site https://consiglidinformatica.com/ and I have a problem with the pagespeed errors when I scan it.
When Critical Css mode is on, there is the famous error of CLS
Screenshot without critical css mode: https://ibb.co/ByYB4Zx
Screenshot with wp-rocket critical css (CLS 0.5): https://ibb.co/0CnBTBj
Hi there,
its best to talk with WP Rocket who should be able to help you configure the Optimized CSS Delivery ( Critical CSS ) to fix that.
So there isn't a solution to remove the blocking time resources? Could be the easier way.
The fact that those resources are render-blocking is why you're not getting CLS issues - the CSS loads before the HTML, so the page doesn't jump around once the CSS loads later.
I'm not sure how deep their critical CSS option goes, but it may be worth looking at which files you can defer while keeping the important one as "blocking" resources.
Hi Tom,
could you help me? I think that it's very difficult for an expert.
It's only the google font: screenshot without critical css mode "https://ibb.co/ByYB4Zx"
I doesn't know how I can optimize it.
Thanks
The only google font being loaded is Lato
And the only code i see requesting that font is this plugin:
Superb Social Share and Follow Buttons
Check with the plugin author if you can change the font to a system font. This will eliminate the google font request.
