How can I reduce unused CSS files for faster website speed?

[relaxsit2]

i am facing problem in reduce unsed css files 

[kazi]

Hello @relaxsit2 

                                      If you want to reduce unused css files you can try inline them instead link.  Open the css file in browser and copy paste all css with <style> code...here </style> and delete the css link you can find it inside theme.liquid file. If you are unable to do it you can pick and shopify developer.

[OneCommerce]

Hello @relaxsit2 ,

We are OneExperts from OneCommerce and we're here to support you.

To reduce the unused css files, you can try these methods:

• Use a CSS minifier
• Use tools like UnCSS or PurifyCSS to scan your HTML and remove any CSS that is not being used on your site.
• Use a library like webpack to split your CSS into smaller chunks
• Use lazy loading and media queries

Hope this is helpful for you. If you need any further support to optimize your page speed, hit us up at julia@onecommerce.io for the fastest replies.

If you found our answer is helpful, please hit the Like button or mark it as Accepted Solution to let us know, it means a lot to us.

Best regards,

OneCommerce team.

[oscprofessional]

@relaxsit2 ,

send your URL? so that I can check.

[flareAI]

Hello @relaxsit2,

This is Gina from flareAI app.

There are several ways you can try to reduce the issues with unused CSS files in your Shopify store:

1. Minification: Minifying your CSS files involves removing all unnecessary characters, such as white spaces and comments, to reduce the file size.
2. Unused CSS removal: You can use some tools such as UnCSS to identify and remove any unused CSS rules.
3. Code splitting: You can split your CSS into smaller, modular files that are only loaded when needed, reducing the overall size of your CSS files.
4. Proper file organization: Proper file organization can help reduce the size of your CSS files by making it easier to identify and remove unused CSS.
5. Remove the apps which you are no longer using to eliminate any issues with app-related CSS files.

By following these steps, you can reduce the size of your CSS files and improve the speed of your Shopify store.

Gina