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

[kristinejrb]

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

[OneCommerce]

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.

[oscprofessional]

@kristinejrb ,

Can you share the store URL?

[kristinejrb]

Hi @oscprofessional here's the URL: Shopify Store 

[oscprofessional]

@kristinejrb