Hello,
In PageSpeed Insights I get suggestion to reduce unused CSS pointing to
/wp-content/litespeed/css/1477485aef4a5e073566397a054122f7.css?ver=f3ef9
In Litespeed I have enabled “Cache Mobile”
Can you suggest how to deal with unsued CSS in mobile theme?
In cloud template it is possible to use CSS analyzer.
Thank you
Or the reason for this could be aggregation of CSS files?
I see in Chrome console that 93% of CSS code is not used.
If that is the case could you suggest how to create critical CSS only for mobile theme and how to use it?
In that case I suppose I should remove orginal CSS from mobile theme?
Hi,
The mobile theme plugin is loading all the css once and that it is way appears css that is loaded but is not used.
If you want to load only the css that is used, then you can try the mobile page , just make mobile pages and mobile templates and those will load only the css that will be used.
Thank you!
I have the same issue, I have make a custom mobile page still the issue is the same.
Check my website https://techniblogic.com
Hello @nimish1995 !
You can use the CSS Analyzer, which is our automatic tool, very useful for the page speed and unused CSS.
Documentation here: https://tagdiv.com/whats-new-in-the-newspaper-theme-10-4-update/
Tutorial here: https://www.youtube.com/watch?v=tnkVapqhIHc
Thank you for understanding!
