How to enable Javascript / CSS Merging & Minifying in Magento v1

Knowledgebase Article

How to enable Javascript / CSS Merging & Minifying in Magento v1

Javascript / CSS Merging & Minifying in Magento will optimise your site and reduce the page load time.

Visitors of y our site will download less data when loading your Magento store, and will make fewer connections to your web server, resulting in a more responsive and faster browsing experience.

Javascript and CSS Merging

See my before / after results below:

Before: 28 requests, 13.1 KB of JS and CSS and a load time of 214 ms:

After: 3 requests, 10.4 KB of JS and CSS and a load time of 170 ms:

Javascript and CSS Minifying

You have 3 options to minify your JavaScript and CSS after merging.

Option 1: Enabling CloudFlare for your domain. Once enabled, CloudFlare allows you to auto minify JS, CSS as well as HTML:

We are a CloudFlare optimised partner, so your site can benefit from Railgun as well.

Option 2: Using an extension.

There is a free extension called "Minify HTML CSS JS" which can minify the JS, CSS and HTML on your web site.

Search Magento's Marketplace for your version.

Option 3: Manually.

Once you have merged your JS and CSS, you can manually minify those by using the following tools:

JS Minify

CSS Minify

That's how you Merge and Minify Magento v1.

Should you need any further assistance, please do not hesitate to contact us.