critical css cause cls

  • Resolved jermhen

    (@jermhen)


    5 years, 2 months ago

    Good day, for some reason when trying to use critical css to eliminate render blocking assets (only css), the cls on gtmetrix/psi rises.

    Any way i can fix this?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Optimizing Matters

    (@optimizingmatters)

    5 years, 2 months ago

    How are you adding your critical CSS; manually (in “above the fold CSS”) or using the criticalcss.com integration on the “critical CSS” tab?

    Thread Starter jermhen

    (@jermhen)

    5 years, 2 months ago

    im adding it manually

    Thread Starter jermhen

    (@jermhen)

    5 years, 2 months ago

    it seems it not reading the critical css which causes the layout shift

    so i added the style using a third party plugin, i could see it being added inline in the html, but the fcp increases a lot, its showing now to eliminate render blocking assets from autoptimize

    See screenshot:
    https://snipboard.io/vCrN1a.jpg

    • This reply was modified 5 years, 2 months ago by jermhen.
    • This reply was modified 5 years, 2 months ago by jermhen.
    • This reply was modified 5 years, 2 months ago by jermhen.
    Plugin Author Optimizing Matters

    (@optimizingmatters)

    5 years, 2 months ago

    try “inline & defer CSS” while adding the critical CSS with that third party plugin maybe (although I do not see how “it is not reading the critical css” would happen)?

    generally when you get CLS it means the “above the fold CLS” is insufficient, try generating it elsewhere or tweak it manually?

    Thread Starter jermhen

    (@jermhen)

    5 years, 2 months ago

    mmm maybe its because of the above the fold css, i was using a free site to generate critical css

    Thank you 🙂

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    5 years, 2 months ago

    mmm maybe its because of the above the fold css, i was using a free site to generate critical css

    probably 🙂

    Thank you

    you’re welcome, feel free to leave a review of the plugin and support here! 🙂

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘critical css cause cls’ is closed to new replies.

Tags