How to Enable Merge CSS, JavaScript in Magento 2

The Most Popular Extension Builder for Magento 2

With a big catalog of 234+ extensions for your online store

mageplaza extensions M2

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

Facts of page loading speed that you need to know

  • More than 45% of visitors will not purchase the product if they experience an eCommerce site that loads slower than expected (Unbounce).
  • 53% of mobile site visitors tend to leave a page when having to wait more than three seconds (Akamai).
  • A decrease of 0.1 second in page load time can increase retail customer engagement by 5.2% (UnbounceGoogle, Fifty-Five, and Deloitte).

Hence, it is essential that your page will perform at its best speed. Enabling Merge CSS, JavaScript in Magento 2 can be your first step in this site optimization process.

Discover Site Speed Optimization services

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.

Increasing your website loading speed is the first step to increase conversion rates and boost sales, and it can be done by enabling Merge CSS, JavaScript in Magento 2. Hopefully the statistics give you another insight into this matter, and the guidelines show you how to deal with it. You can get your site performance audit and find solutions for your store here. Leave comments below to share with us your results!

Related Post

Increase sales,
not your workload

Simple, powerful tools to grow your business. Easy to use, quick to master and all at an affordable price.

Get Started
avada marketing automation

Explore Our Products:

People also searched for

Subscribe

Stay in the know

Get special offers on the latest news from Mageplaza.

Earn $10 in reward now!

Earn $10 in reward now!

comment
iphone
go up