How To I Merge CSS & JavaScript Files In Magento

https://understandinge.com/magento-tutorials/

In this Magento Basics tutorial, you'll gonna learn how to merge CSS and Javascript files in Magento.

Magento out-of-the-box has all the CSS and JavaScript files separated.

The reason why we're suggesting to combine all the files because it will be much quicker for you customers to download one larger file rather than download several different files.

- System
- Configuration
- Scroll down to bottom, click on "Developer" section
- Under "JavaScript Settings", set "Merge JavaScript Files" to "Yes"
- On "CSS Settings", set "Merge CSS Files" to "Yes"
- Press "Save Config"

After doing all the settings, one extra step to do is to clear the cache.

The reason for that is you may have a full page Magento cache extension or any cache plugin installed and there is a tendency that the changes you made won't reflect on your system.

To clear the cache, go to:
- System
- Cache Management
- On the left side, click on select all
- And on the right-hand side press submit.

If you need a hand at any time, use the contact details below and the forums here http://understandinge.com/forum/ are always open.

See you there,

Matt & Dave

Twitter: https://twitter.com/understandinge
Homepage: http://understandinge.com/