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.

Share this Article
Carrie Smaha
Carrie Smaha Senior Manager Marketing Operations

Carrie Smaha is a digital strategy, web development, and SEO leader with 20 years of experience. She built her foundation in fast-paced agency environments before moving in-house to InMotion Hosting, where she leads go-to-market programs, agency initiatives, and technical product marketing that connects product capability to real customer decisions.

More Articles by Carrie