Reduce Unused JS(scripts) For Magento 2

It is all about unused js, that are not in use or that are unwanted for your site and block the site speed.

Tools like GTMetrics, Lighthouse, Page speed insights

We need to find out what files are not being used and delete them,

1. Just because the script is not used somewhere doesn’t mean it’s not used somewhere else.

2. Scripts can have very unclear dependencies, even not-so-obvious ones.

3. Remove Unused Scripts and Move the Rest to the Bottom

1)File Name: colorpicker.js

Search the file path and need to be 0 byte file, override the file according to a path like.

app/design/vendor/theme_name/Magento_ui/web/js/lib/knockout/bindings/colorpicker.js

Example

Used to display a popup if you require login to checkout, case by case dependent but we can get rid of it, for now if needed maybe a redirect with a message might be enough.

• cms_index_index.xml (Home page)
• Catalog_catagory_view.xml (Category/Listing Page)
• Catalog_product_page.xml (Product page)

< referenceBlock name=”authentication-popup” remove=”true” />

No. of JS File Removed like

• adapter.js
• authentication-popup.js
• buttons.js
• captcha.js
• captchaList.js
• defaultCaptcha.js
• effect-blind.js
• form.js
• login.js
• loginCaptcha.js
• messages.js
• refresh.js
• resolver.js
• validate-review.js
• spinner.js
• Ui-messages-mixin.js