How to Reduce CLS on Lovecraft Theme?

  • momotaro990

    (@momotaro990)


    2 years, 11 months ago

    Hi,

    So I’ve been focusing to improve my web CLS (Cumulative Layout Shift) score. I analyzed my website using Google PageSpeed Insights, and I found that my CLS score is in yellow, which needs to be improved.

    So I scroll down in my PageSpeed Insights result, I click on the “Avoid large layout shifts” and I found that this code has to do with my poor CLS:

    <main id="site-content" style="height: auto !important;">

    Any idea how to fix this? I tried anything I could do, and it still the same.

    Please help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Anders Norén

    (@anlino)

    2 years, 11 months ago

    Hi @momotaro990,

    The height: auto !important inline style property is not included in Lovecraft, so I’m assuming it’s either added by a child theme, by direct changes made to the theme or by a plugin (less likely).

    — Anders

    Thread Starter momotaro990

    (@momotaro990)

    2 years, 11 months ago

    Ohh man, really?

    Alright then, I’ll check everything out. Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to Reduce CLS on Lovecraft Theme?’ is closed to new replies.