Unused CSS Errors?

  • Resolved alphaexcapital

    (@alphaexcapital)


    4 years, 10 months ago

    Hi,

    I have been reviewing the plugin and it’s great so far but for some reason, when I use Google Page Insights I get an error: Unused CSS.

    I have no idea what this is, but here it generates out of Litespeed.

    Here are two examples below:

    wp-content/litespeed/cssjs/4764d.css
    wp-content/litespeed/cssjs/6748c.css

    Any ideas what they are and how I can clear up the unused CSS?

    Thanks

Viewing 15 replies - 1 through 15 (of 21 total)
  • Plugin Support qtwrk

    (@qtwrk)

    Hi,

    They are combined/minified CSS from your original CSS files.

    Currently there is no way to remove it, we have a to-do plan to improve this part though.

    Best regards,

    Thread Starter alphaexcapital

    (@alphaexcapital)

    Thanks, with that said – do you know what I can do in the meantime to investigate how to improve it?

    Plugin Support qtwrk

    (@qtwrk)

    Hi,

    This will require some , if not a decent knowledge about CSS

    1. test your site with query string /?LSCWP_CTRL=before_optm attached , like https://domain.com/?LSCWP_CTRL=before_optm

    2. this time it will show the original CSS files that contains additional, unneeded/unused CSS

    3. now , tweak your CSS accordingly.

    Best regards,

    Thread Starter alphaexcapital

    (@alphaexcapital)

    Amazing thanks for the near-instant response, will review it.

    Plugin Support qtwrk

    (@qtwrk)

    Hi,

    Please let us know if you have any further questions.

    Best regards,

    Thread Starter alphaexcapital

    (@alphaexcapital)

    Okay, I discovered the culprits which are from plugins that are not loaded on the specific page, but they are required for other pages.

    These get minified and combined via the plugin, and so I get the Unused CSS issue with Google Page Speed.

    Is there a way for me to stop these files from loading on every page except for the specific page the css is used for?

    For example, Woocommerce – the woocommerce-mod.css file shows unused on the homepage, but will be needed on the checkout page etc.

    Plugin Support qtwrk

    (@qtwrk)

    Hi,

    Please try exclude that file from CSS optimization.

    Best regards,

    Thread Starter alphaexcapital

    (@alphaexcapital)

    Hi

    Would it still not load on the page though? Is there a way to prevent it loading on specific pages?

    Plugin Support qtwrk

    (@qtwrk)

    Hi,

    Unfortunately there is no such feature at this moment.

    The only solution is to exclude that file from being combined , so it won’t loaded when not needed.

    Best regards,

    Thread Starter alphaexcapital

    (@alphaexcapital)

    Hi,

    Where do I exclude CSS now? It’s all changed.

    EDITE: Found it.

    Plugin Support qtwrk

    (@qtwrk)

    Hi,

    Please check my screenshot

    View post on imgur.com

    OK , glad you found it ??

    Best regards,

    Thread Starter alphaexcapital

    (@alphaexcapital)

    Hi,

    I tried excluded them but no luck at all – those files still load for some reason.

    Here is the excluded and minified Coverage:
    https://prnt.sc/sfkah4

    Here is the coverage with your /?LSCWP_CTRL=before_optm at the end of the url:
    https://prnt.sc/sfkb59

    Any ideas?

    Plugin Support qtwrk

    (@qtwrk)

    Hi,

    I assume you did a purge all , right? also please make sure purge stale is set to OFF.

    you mean with excluded , this one still loaded, and when you bypass it , it doesn’t load ?

    could you please check what file/code initiated that request ?

    Best regards,

    Thread Starter alphaexcapital

    (@alphaexcapital)

    Hi,

    Yes full purge, incl the CDN.

    Yes, the file thrive_flat.css + woocommerce-mod.css still loaded even though it was in the excludes

    Plugin Support qtwrk

    (@qtwrk)

    Hi,

    No , I mean, could you please check who loads them ?

    in dev tool , you should see the “initiator”

    Best regards,

Viewing 15 replies - 1 through 15 (of 21 total)
  • The topic ‘Unused CSS Errors?’ is closed to new replies.