Shopping cart

How to Enable Merge CSS, JavaScript in Magento 2

magento-2-tutorial
how-to
enable
merge
css
javascript
Enable Merge CSS, JavaScript

All separated CSS files and CSS files and JavaScript Files can be merged into one single or condensed file that helps to optimize your site and reduce page loading time. After merging, a merged CSS file or Script Files will be shown without line breaks and be disallowed to edit the file. To enable Merge CSS, JavaScript in Magento 2 you can follow some simple steps which are given bellow.

How to Enable Merge CSS, JavaScript in Magento 2

To merge CSS files in Magento 2

  • On the Admin panel, click Stores. In the Settings section, select Configuration.
  • Select Developer under Advanced in the panel on the left
  • Open the CSS Settings section, and continue with following:

How to Enable Merge CSS, JavaScript

  • In the Merge CSS Files field, select Yes
  • When complete, click Save Config.

To merge JavaScript files in Magento 2

  • On the Admin panel, click Stores. In the Settings section, select Configuration.
  • Select Developer under Advanced in the panel on the left
  • Open the JavaScript Settings section, and continue with following:

How to Enable Merge CSS, JavaScript

  • In the Merge JavaScript Files field, select Yes
  • When complete, click Save Config.

Related Post

It comes to the end of the tutorial: How to Enable Merge CSS, JavaScript in Magento 2.

Posted by Sona in Content Management. June 22, 2018

Please leave comments if you have any questions, feedbacks.

Comments for How to Enable Merge CSS, JavaScript in Magento 2