[Support request] Lowering CLS on desktop

Home Forums Support [Support request] Lowering CLS on desktop

Home Forums Support Lowering CLS on desktop

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1617326
    Bart

    Hi

    I was trying to drop down CLS on desktop and can’t really deal with it… can you help

    #1617351
    David
    Staff
    Customer Support

    Hi there,

    the simplest way to check what is going on is to open the site in Chrome, Right Click > Inspect – go to the Network tab in the developer tools – beside the Disable Cache checkbox, you’ll see Online – change this to Slow 3g. With the developer tools still open refresh the site.

    You’ll see on your site that your Header/Nav is being initially loaded without any styles, whereas as scrolling down other parts of the site has. This is because of the Optimized CSS option in Litespeed…. unless you know how to manually write Critical CSS i would suggest you disable that feature.

    #1617356
    Bart

    Hi David

    I dont know how to write Critical CSS, which option I should disable in Litespeed?

    #1617363
    David
    Staff
    Customer Support

    Yeah writing Critical CSS is a somewhat complex affair.

    See this article:

    https://blog.litespeedtech.com/2018/06/20/critical-css-and-litespeed-cache/

    Under:
    How LSCache Handles Critical CSS

    Disable all three options listed there.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.