Advanced JS Bundling for Magento 2

Better performance by providing optimal JS bundles files

 

  • Exclude unnecessary files or modules directly from the administration
  • Definition of necessary JS libraries groupings

 

Read this page and our documentation to discover all the features

 

Advanced JS Bundling for Magento 2
Links

Make my website super fast !

In stock €159.00
This extension is compatible with the following Magento versions
  • Magento 2.3
  • Magento 2.4
  • 100% Opensource
  • 60 days free support
  • Unlimited updates
  • 14 days money back

Screenshots

Online demo

Use our online demo to experience the extension

JS bundling is a native feature of Magento aimed at bundling all the JS files necessary for the site to work. Rather than loading 200 separate files when using RequireJs, all resources are pre-loaded in 1 file and directly available for use in code.

The number of requests is therefore reduced and the loading time is improved.

However, the size of these bundlesX.js files is often very heavy because they contain a lot of unnecessary resources.
With Advanced JS Bundling, you can easily and quickly define which files should not be bundled.

You can also define the files that are specific to a section of the website to prevent them from being loaded upon arrival on other section. The Magento_Checkout module can, for example, be grouped together in the bundle-checkoutX.js file and be downloaded only in the order funnel.

If a file is necessary for a webpage and have been removed from bundling, it will be loaded by RequireJs

 

Why souldn't you be using Bundling JS native feature of Magento ?


The process is extremly drawn out and error-prone. Most of the people give up trying to use it.

The docs won't work for Windows users, altough it could be fixed but it doesn't worth the time.

If you take a look at the demo, you will notice that all the settings of Advanced JS Bundling from Blackbird Agency are available in the admin. Which makes this extension much more easy to use.

 

 

 

Features

Exclusion

Exclude files or modules from bundles.js files, like for example Magento_Tinymce3 does not need to be loaded for the front-end.

This is similar that what you can do in your view.xml theme file, but is accessible directly in admin panel.


Dispatch by section

Target the JS libraries needed only for certain sections in order to load them at the right time.

You can define groupings for the customer area, the product page, the categories and the checkout.