- This topic has 6 replies, 2 voices, and was last updated 3 years, 2 months ago by
.
-
Posts
-
How do I cancel the delay loading of background images? I set Lazy Load Image Excludes on litespeed, but the website still displays text first and then a background image on gtmetrix test
I purchase GP lifetime and generateblock plus. I believe you can improve Web Vitals for my website, but this CLS has not been solved.
i have hosted google font.my website eyeglassfactory1989.com
could you tell me how to do?Is it the generateblock that causes the high cls score?
Customer Support
Hi there,
lets deal with each issue one at a time:
CLS.
See here:
https://www.webpagetest.org/vitals.php?test=230219_AiDcVN_5CA&run=1#cls
When you hover over the image, you will see what is first loaded on your site, which is unstyled HTML, and then the styles load a split second later. You can notice this flash of unstyled content (FOUC) when you first load your site.
This happens because of the Litespeed CSS optimizations you have on your site. It is changing how CSS is loaded, and it is doing a bad job. I would suggest you speak to Litespeed support on how to configure it correctly to stop this from happening.
NOTE:
In any diagnostic tool, that lists Elements under their CLS, those are the elements that have been shifted the most, but they are rarely ever the cause of CLS, unless they happen to be a media element or other javascript interactive and NOT plain HTML as in your last image.So is the CLS problem caused by Litespeed?
The issue occurs when CSS optimization are used to delay the loading of some CSS in order to improve the perceived loading time.
And the only optimizations i can see on your site is Litespeed.
So if Litespeed is the only thing you’re using for optimizations then the answer is Yes, the problem is caused by the Litespeed configuration.
If you talk to their support they should be able to advise on how to fix that.
- You must be logged in to reply to this topic.
