Magento – How to Magento 2 Enable JavaScript Bundling

javascriptmagento2

I merged JS and CSS file Stores -> Configuration -> Advanced -> Developer -> Javascript Settings in production mode of magento2.

Once, I check via view source of the page, I can see the Javascript is merged.

But Still it's show 75 external Javascript scripts via GTMatrix HTTP requests.

So How can i removed that 75 external javascript requests?

Thank you in advance!

Best Answer

Javascript bundling is a technique that groups separate files in order to reduce the number of HTTP requests that are required to load a page. Bundling is commonly used in today’s “module-based” development where some functionalities are basically split into Modules.

From Admin Panel: In Admin Panel go to Stores -> Configuration -> Advanced -> Developer -> Javascript Settings ->Enable Javascript Bundling

From Terminal:

We have to run the following command

For enable:

php bin/magento config:set dev/js/enable_js_bundling 1

php bin/magento cache:clean

For disable:

php bin/magento config:set dev/js/enable_js_bundling 0

php bin/magento cache:clean

Thanks

Related Solutions

Magento 2 – Overriding Admin Theme Not Working in Production Mode with CDN [SOLVED]

When creating a new custom theme, if we don't have any assets files under web folder, your theme may be ignored when executing deploy command.

Magento 2 – How to Disable Minify CSS JS Setting

Access your MySQL and use these commands:

UPDATE `core_config_data` SET `value`='0' WHERE `path`='dev/js/merge_files';
UPDATE `core_config_data` SET `value`='0' WHERE `path`='dev/js/enable_js_bundling';
UPDATE `core_config_data` SET `value`='0' WHERE `path`='dev/js/minify_files';
UPDATE `core_config_data` SET `value`='0' WHERE `path`='dev/css/merge_css_files';
UPDATE `core_config_data` SET `value`='0' WHERE `path`='dev/css/minify_files';

Or you can use the Magerun in your terminal:

magerun config:store:set dev/js/merge_files 0
magerun config:store:set dev/js/enable_js_bundling 0
magerun config:store:set dev/js/minify_files 0
magerun config:store:set dev/css/merge_css_files 0
magerun config:store:set dev/css/minify_files 0

Then run these commands to deploy again:

alias mage="php -d memory_limit=-1 -f bin/magento"

mage cache:flush &
mage indexer:reindex &
mage setup:upgrade &&
mage deploy:mode:set developer &&
mage setup:static-content:deploy -f &&
chmod -R 775 pub/static/ pub/media/ var/

Best Answer

Related Solutions

Magento 2 – Overriding Admin Theme Not Working in Production Mode with CDN [SOLVED]

Magento 2 – How to Disable Minify CSS JS Setting

Related Topic