How to Merge CSS Files in Magento 1.6

Magento 1.6 gives you the ability to merge the CSS files of your Magento shopping cart. This can be beneficial in speeding up how fast your pages load in a web browser. Merging the CSS files can make debugging issues with the look and feel of your website however. Once your website is no longer in development, merging the CSS files is a good idea. Loading one CSS file reduces the number of HTTP requests made to the server and can help reduce resource usage. Merging the CSS files of your website is accomplished in the Magento 1.6 Backend.

  1. Log into your Magento Admin Backend
  2. Go to System ->> Configuration
  3. magento_dashboard_1

  4. Click on “Developer” in the left side menu pane
  5. Open the “CSS Settings” section
  6. Change the “Merge CSS Files” to “Yes
  7. magento_merge_css_1

  8. Click “Save Config

If you need further assistance please feel free to ask a question on our support center.

Was this article helpful? Let us know!