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

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

relaxsit2
Visitor
2 0 1

i am facing problem in reduce unsed css files 

relaxsit2_0-1674734945896.pngrelaxsit2_1-1674734971862.png

 

Replies 4 (4)

kazi
Shopify Partner
723 100 125

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.

▶️ If you need more help with your Shopify store
Speed Optimization | Theme Customization ? ☎️ WhatsApp ✉️Email Skype: kof.bd

OneCommerce
Shopify Partner
253 19 110

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.

 

OneCommerce - The Ultimate eCommerce Solution Platform
We offer 12+ solutions to help increase traffic, maximize conversion rates and generate better revenue for more than 500,000 eCommerce merchants worldwide.

Get know us at: Website | Blog | FAQ | Contact us

oscprofessional
Shopify Partner
16372 2440 3187

@relaxsit2 ,

send your URL? so that I can check.

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...

flareAI
Shopify Partner
2405 224 549

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

flareAI : Get Sales from Google Search, on Autopilot
$10+ billion in eCommerce on Google Search, every day. Find out how much you are missing