Scope:
Speed Optimization
Speed Optimization

Update is available and recommended. Current version is: 1.14.13. Download the latest version of the module from the following link.

Speed Optimization General Settings
Speed Optimization General Settings
RequireJs Bundle Generation
RequireJs Bundle Generation

If set to Yes, you can start collecting your JS’s on the frontend.

Steps to collect your JS for bundles:

  • Set your store in Developer mode. Can be done with "php/bin magento deploy:mode:set developer" command.
  • enable Collect JS in Frontend, set to Yes
  • clear Magento Caches
  • go to the frontend and click on the Start button then you can start browsing your store. Make sure you open all pages which you want to be optimized (homepage, category page, product page, and even cart and checkout pages).
  • once the browsing is complete click on the Stop button
  • Click on Download button to receive your custom bundle file
  • go to admin and set Collect JS in Frontend to No
  • use the downloaded bundle as explained in the documentation.

Select Uglify to use the default JS optimization. Select None if you want to use a different optimization process such as Terser or Baler.

Js Optimization
Js Optimization

- Please Save config before pressing Start.

- Enable Production mode

bin/magento deploy:mode:set production

- Deploy Static Content for all locales/languages

bin/magento setup:static-content:deploy [your_locale]

- In case you are using CDN or external cache solution, it's recommended to avoid accessing the frontend before this process is complete, to avoid caching an incomplete version of the files.

Please select the theme and locale for which the advanced bundling should be applied:



Preparing the the advancedbundling_build.js file

This is default Magento Core Option from Stores > Configuration > Advanced > Developer
Note: When changing this setting you will need to redeploy the content.

This is default Magento Core Option from Stores > Configuration > Advanced > Developer
Note: When changing this setting you will need to redeploy the content.

This is default Magento Core Option from Stores > Configuration > Advanced > Developer
Note: When changing this setting you will need to redeploy the content.

If you have some 3rd party javascript or some custom javascript in your page and you don't want to be moved at the bottom just add to your script tag the following: data-ignorejsmove="true".
Ex.: <script data-ignorejsmove="true">window.alert("This won't be moved to page bottom.")</script>

List by layout block name the blocks (separated by ,) whose javascript should not be moved to the bottom of the page.
Default blocks that are ignored: require.js, head.additional, transparent_iframe

Css Optimization
Css Optimization

This is default Magento Core Option from Stores > Configuration > Advanced > Developer
Note: When changing this setting you will need to redeploy the content.

This is default Magento Core Option from Stores > Configuration > Advanced > Developer
Note: When changing this setting you will need to redeploy the content.

When CSS Preload is enabled, stylesheets included in head will be downloaded asynchronously to prevent them from blocking page render.

If set to Yes, all CSS files will be preloaded, otherwise CSS files with media query all will be included normally, and only the rest will be preloaded.
Note: When set to Yes, depending on the server speed, for a brief period of time you might experience the Flash of Unstyled Content, an unstyled page, until the styles are fully downloaded and applied.

Html Optimization
Html Optimization

This is default Magento Core Option from Stores > Configuration > Advanced > Developer