Inline CSS to fix CLS on product pages

  • Resolved Vishal Lohar

    (@vlohar08)


    2 years, 3 months ago

    Hi,
    I want to inline main CSS files using Litespeed cache. But there is no option to do so. I tried inlining the UCSS and Async CSS Lib but it doesn’t work.

    With these options turned on, the layout breaks on mobile. I tried another plugin Speed Booster Pack and Inlined CSS using it. The layout didn’t break this time. What’s the problem with LiteSpeed?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Vishal Lohar

    (@vlohar08)

    Just found out that, the Inline UCSS and Inline CSS Async Lib don’t work. CSS files are loading separately and I checked this in the developer console.

    My Litespeed Cache Settings
    CSS –
    Minify: ON
    Generate UCSS: ON
    Inline UCSS: ON
    CCSS Per URL: ON
    Inline CSS Async Lib: ON
    …Rest is OFF

    Plugin Support qtwrk

    (@qtwrk)

    replied in your other post , that combo should make all css inline.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Inline CSS to fix CLS on product pages’ is closed to new replies.