Archived topic
Cumulative Layout Shift is hign in my site
5 replies · Started by sandeep kumar on July 10, 2021
Hi
CLS Score is high on my website. Can anyone please help me to solve it?
I can able to solve the CLS issue by implementing Page hero with a background image (featured image). But After implementing that LCP score becomes high. So I remove the bg image from Page hero and implemented Bg Color. Now LCP issue solved but CLS score become high. I tried most of the tutorials from the GB forum non of them works.
Kindly help me to solve the issue
Hi there,
the issue looks related to your cache optimizations.
You're using Litespeed - check with there support about correctly configuring it to ensure above the fold CSS is loaded first.
Hi David
Alright let me contact LiteSpeed support
Thanks
You're welcome
Solved
Here is what I Did.
I turned off the "Load CSS Asynchronously" option in the LiteSpeed cache plugin. Now my CLS score went to "0". But "Eliminate render-blocking resources" popped up. I think that's not an issue because all my page speed score is still in Green.
Glad to be of help