CssJsCompress PluginLanguage

Plugin CssJsCompress can automatically optimize external resources like CSS and JavaScript,
which can reduce both the size and number of requests made to your website.
CSS files can be aggregated and compressed into a single file,
while JavaScript files are only aggregated (but not compressed).
These optimizations may reduce server load, bandwidth requirements, and page loading times.

Major Features:
1. Css aggregation and optimization.
2. Javascript aggregation.
3. GZip aggregated Css and Javascript files. Only GZip one time, then load from cache next time.
4. Client's side cache.

Many thanks to FidoBoy, he has given a lot of test and some useful suggestions.

V1.2 Fix dynamic css bug. We will just ignore the dynamic css files(.css.php).

V1.3 Use dynamic css/js to load aggregated css/js.

V1.4
1.Solve mootools and jquery conflict problems.
2.Add custom javascript order to solve javascript dependency.

V1.5
1.Add Css and Javascript exclusion. Thus, 2.CssJsCompress will ignore these css and javascript files.

V1.6
1.Use dynamic gzip compress to avoid possible Content encoding error.
2. Add Language files. Support English, Simplified Chinese.
3. Change some text field to textarea field.

V1.7 Cache JavaScripts and Css files under Joomla Cache directory, so that admin can clear them with Joomla Cache management.
V1.8 Add Last-Modified header, and give a large Expires time.

V1.9 Fix a variable undefined bug.
V2.0 Fix a bug when Joomla installed a sub dir of a domain.

V2.1 Fix https URL bug generated for css image.
V2.2 Use relative URL instead of absolute URL.
V2.3 Add a lot of predefined CSS and JavaScript Exclude Files.
V2.4 Add exclude components function.
V2.5 Fix Css import bug.
V2.6 Auto exclude IE conditional Css files.
V2.7 Fix a warning bug.
V2.8 Fix implode warning bug.
V2.9 Fix a RUL bug under Windows.
V3.0 Fix a variable overridden and variable undefined bug.
V3.1 Fix a variable undefined bug.
V3.2 Load css file before js file to make site load faster.

Report

by3dentech on October 26, 2009
This is very useful, and realy does what it say but there is some problems (with its sugestions to fix below) whitch are listed bellow

Default order is Dummy, the default order make no sense because the default order must BE THE ORDER WHICH THE FILES WAS LOADED BEFORE

Does not compress inline scripts and styles,

The jQuery compatibility is bugged too.

But still the best cache plugin, hope that the next version could make it even better. My suggestions are
remove that default order param, make jquery compatibility work or remove it & compress inline styles and scripts
bydouble_d on October 22, 2009
This is very good, it works nicely.

I had a problem in a first moment because i didn't understand that there shouldn't be any space between the separated JS and some JS for IE6 only didn't get excluded.

I have a little issue still, i would like to compress also the css for print, but since it has different styles than the screen css they can't be toghether in one file, so i think an option that let compress also the some excluded css a part would be the GREAT.
byByeVas on October 9, 2009
Nice out of the box experience. Onlty thing you have to pay attention is some js and css you don't want to cache, but it is a really easy to set up in the component. Super useful! Recommend it to all that value the speed of their product!
bydsmflash on October 2, 2009
Installed, but on frontend got a bunch of errors that the CssJsCompress files did not exist.
Checked plugins>system and there were no CssJsCompress files. So, this plugin does not even install properly.

Don't bother with this component.
As much as I prefer to not write bad reviews...

Had problems breaking JavaSacipt items. E.g. CB tabs and drop downs.
byeyashwant on September 12, 2009
I first was so anxious to add it. It was fine. But pages when they load images fail to load. Then when I used Yslow to see the insight, I found it is not gzipping both JS and CSS though I activated it in the configuration.
This drastically reduced the number of requests and the size of my javascript and css files.

I also went ahead and compiled my own version of a compressed MooTools. On my own, I compressed MooTools to 40kb.

What did CssJsCompress do? Shrunk all of my js scripts to 24 kb. When I quit being lazy, I'll compress the other scripts loaded by Joomla by default - I'm imagining I might be able to squeeze and reduce the overall size to 16 kb of js.

Bottom line, CssJsCompress helped me reduce page sizes by a little more than 100 kb, and shaved my requests by at least 30.

There were a few scripts that didn't work with CssJsCompress turned on, but thankfully, CssJsCompress allows you to disable certain scripts from being included in the compression process - which makes the scripts work as intended.

I would recommend this to anyone. My average site response time is now under 4 seconds because of CssJsCompress.
byJDevOnline on September 6, 2009
I just loved this plugin, now my site shoots like the way I wanted it to.
bytheknight on August 31, 2009
this is a really great plugin, shortens your page-load time and merges css files together..

i tried it first at my localhost, made a big mess of my local site, but i said, what the heck, all these people can't be wrong, lets see how it will do on a real site.. so i installed it on my full-of-js site, and it worked great! with all the options enabled.. quite unexpected!..

it changed my yslow rating from 73 to 89.. many thanks to the developer..
bysungkhum on August 26, 2009
Love this plugin - a must have!
I let my benchmark speak to me:
Native core cache: enabled.
Template: Default template of joomla 1.5.
Fresh installation of joomla 1.5.

Without CssJsCompress / With CssJsCompress
Number of requests: 9 / 3
Time to load page: 2000ms / 700ms
Page weight: (about) 32kB / 32kB

So with CssJsCompress the number of requests and the time to load page are divided by 3 !

It's incredible !

Why this plugin is not in the Joomla core ?!!!

Thank you very much for this great plugin that is very very usefull and efficient !

I give you 10 stars even if they are not all displayed.
Just by installing and enabling this plugin my site improved from a grade C to a grade A in the Yslow small site or blog test.
6 css files were combined into one ccs.gz file.
Excellent
byANDiTKO on July 31, 2009
Ive istalled in plugn in minutes.Now my site runs much Faster!!!Bofore i was manualy compressig he css and js and it was taking so much time.Also if i was installing a new plugin or component i needed to hack its js and css requests and put them to the main file.

Now i can make my templates with more than one css files, and i dont have to worry about combining them into one.CssJsCompress Dramaticly increased the speed of my site.Thank you!
bycqinzx on July 23, 2009
Yhis is a very great plugin, it sped up my site from 20 seconds down to 7 seconds. HOWEVER, this plugin is NOT compatible with 1.5.11. I upgraded to .11 and it screwed up the template.

Developer, please update this wonderful optimizer to 1.5.11.
byclowreed on July 17, 2009
Hello
this plugin is fantastic, my customers love it because my website is more fast.
but it doesn't work with joomsuite ressource (now open source) i would have to love it works together
but very very very good work
thank you very much
Helped me to reduce the download time by 1/3! thank you for this extension ! You can test the download speed on: http://analyze.websiteoptimization.com
byCET on June 5, 2009
I now include this plugin on ALL of my joomla site builds. Why? Unless you want a site that looks like Craigslist; minifying, compressing, and caching CSS and JS is now absolutely critical for having a beautiful, functional, and fast site.

Not only does it minify, compress, and cache, but it also allows me to exclude specific files just in case I get a rogue extension that doesn't like being minified and cached. Brilliant!

COMPLAINT: I wish I didn't have to depend on my server using ZLib in order to take full advantage of the speed tools. So, this tool is ALMOST perfect, but not quite. Still the best speed tool out there that I've used.

One thing I need to stress to everybody when using an extension like this, ALWAYS use a top level selector in your style sheets! ALL of your template styles should start with a selector like "#wrapper", this will ensure that your template CSS will ALWAYS take priority over extension CSS. Usually just using a templated CSS will do that because it will be called after your extension CSS, but when they're all compressed together, that goes out the window.
This plugin along with some server tweaking has cut my site's loading time nearly to 1/3 of the time it was originally taking. My Yslow score has jumped from mid 50s to mid 80s. This is an excellent choice for nearly any website. Good work guys.
byJ!MR on May 19, 2009
Thanks for this great extensions. It really improve the performance of the site. Just one thing I'd like to request is that, is there any way I can move combined-js file to the bottom of the site? because by default it loads in the head and while combined-js file is a huge file, it take longer to load the file. From my experience it reduce http requests, but take longer to load. Pls give me an option to load js file at the bottom. Thanks
CssJsCompress has been responsible for the largest improvement on my site (it took me from 60 to 90 yslow score! and from almost 30 seconds to under 6 seconds). It does break down many JSs. However , there is a workaround... run php Speedy before CssJsCompress (speedy has a lower order number than CssJsCompress). In Speedy you only need to have Minify JavaScript to yes, all other options are set to no. This should allow you to run most o f your JSs.

Great plugin
Page 1 of 3