All you need to do is:
1) Go to admin section
2) Go to System->Configuration->ADVANCED (Developer)
Take a look at this images to compare before and after:
Good thing is that you can do the same thing with CSS files, however it seems that it is still in beta, so if you get any problems with relative paths inside CSS files, turn this feature off.
Don’t forget that if you are planning to do it on production, do some testing in your development enviroment first.
I hope this article helped someone.
Is there a way to specify other directory for merged files other than /media/js
Can you please help me about my JS minifying problem? Default JS minify is not working suddenly. I’m not understanding why.
i am using SM Megashop theme with SM Mega Menu. but now no top navigation menu is there.
After enabling js merge my catalog > mange categories page goes blank.
So i opened app/code/core/Mage/Page/Block/Html/Head.php and applied this code and it works now
i m not satisfaction this method any method plzz help me….
This sort of thing can be a pain on a “normal” site.
Once you enter the realm of Core, Theme and Module CSS and JS, it rapidly becomes a nightmare.
For starters, you have to look at load order and dependencies.
You then have things like conflicts (Prototype vs JQuery).
Then there is the common issue of additional resources (such as spinner icons etc.) residing in original directories, where as the CSS/JS reference relative URLs.
In most cases, the problems people encounter will be caused by such things.
Then you have the overkill angle.
For starters, do you really need to include everything into a single file? Would it not be better to break it down by use-case (common and section loaded files – why load up the Image Zoom on pages that don’t zoom images etc.) … it may be better to break it into 2 or 3 different files.
Minification of content that will be zipped may also be a little OTT – the file-size saving will generally be miniscule (not always, sometimes it’s worth it).
Few mention the overheads – I’ve been on sites that do this sort of thing dynamically and either fail to cache the combined resource, or dynamically create it repeatedly. A few even seem to generate the request files per-page, so you end up loading the same file under umpteen different file names.
All in all, it’s not something to simply flip a switch on.
You need to know what it’s going to do, how and why … and more often than not, either you need a highly robust and well tested solution (usually that costs),
or you need to custom-build one.
unfortunately i had enable merge js option. after that it conflecting with my website theme , this change i was done by using developer tool, but after enabled that js merge this devloper tool also hide now i cant disabled that. even i was try to disable that module from backend and change status js script merge from backend . can u help me please.
I installed gtspeed extension for optimization. After compressing js and css…all other extension have been infected…they are not working properly.
I disabled gtspeed extension but still same issue.
Please let me know how to recover from these issues.
Thanks in advance.
what if the js file size goes approximately 700KB(after merge), still is it worth merging?
Does this conflict with Fooman Speedster? I have Fooman Speedster on, but I think it does the exact same thing. Do you know which one is better?
You give me a new life, 3Q.
This features doesn’t work when you have HTTPS on. The fix can be found here -: