How to Enable Merge CSS, JavaScript in Magento 2

magento-2-tutorial
how-to
enable
merge
css
javascript

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

To merge CSS files:

  • 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:

  • 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.

Ref: Magento 2 User Guide



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

Please leave comments if you have any questions, feedbacks.

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

You also may like these Magento 2 Extensions

One Step Checkout

$199
17 reviews

Layered Navigation

$149
7 reviews

Affiliate

$149
7 reviews

FAQ

$149
10 reviews

Zoho CRM

$249
no review

Store Locator

$199
no review

Shop By Brand

$99
no review

Better Blog

FREE
7 reviews