Please please help or teach me how to reduce the unused JavaScript and CSS

Please please help or teach me how to reduce the unused JavaScript and CSS

kristinejrb
Explorer
45 0 9

Please help me to understand this. I tried to search but mostly explained what's that all about 😞

Replies 4 (4)

OneCommerce
Shopify Partner
253 19 110

Hello @kristinejrb ,

 

Before you reduce any unused Javascript and CSS, make sure you define them right, this can be a complex process and it may require some analysis of your website's usage patterns and performance data. Here are some approaches you can take:

  • Analyze website usage: identify which pages and components are most frequently visited and which ones are rarely accessed.
  • Use performance analysis tools: Performance analysis tools like Google Lighthouse, GTmetrix, and Pingdom can help you identify areas of your website that are slow and which code may be causing performance issues. 
  • Review your codebase: Go through your codebase manually and identify any code that is not being used.
  • Use a linting tool: Linting tools like ESLint and Stylelint can help you identify unused code by flagging code that is not being used.

Then, when you define the right ones, you can try these ways:

  • Use a code-splitting tool: There are several code-splitting tools available, such as Webpack, Rollup, and Parcel can help you to break down your JavaScript and CSS files into smaller, more manageable chunks.
  • Remove unused code manually.
  • Use a CSS framework: this provides a set of pre-built components that you can use instead of writing your own CSS.
  • Use a content delivery network (CDN): using this, users who have previously visited your website will have the files cached on their devices, reducing the amount of code that needs to be loaded when they visit again.

 

Hope these can help you out. Please let us know if you need any further supports, we'd happy to assist.

 

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
16272 2431 3163

@kristinejrb ,

Can you share the store URL?

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free | OSCP Shipping Discounts App : Free
kristinejrb
Explorer
45 0 9

Hi @oscprofessional here's the URL: Shopify Store 

oscprofessional
Shopify Partner
16272 2431 3163

@kristinejrb 

oscprofessional_0-1678443404329.png

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free | OSCP Shipping Discounts App : Free