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

For more step-by-step guides and practical tips, visit our Drupal Education Channel.

Carrie Smaha
Carrie Smaha Senior Manager Marketing Operations

Carrie enjoys working on demand generation and product marketing projects that tap into multi-touch campaign design, technical SEO, content marketing, software design, and business operations.

More Articles by Carrie

Was this article helpful? Join the conversation!

Server Madness Sale
Score Big with Savings up to 99% Off

X