Ruby Juicer: Combine / Merge and minify CSS files
Written by Guillermo Garron
Date: 2012-07-22 09:10:32 00:00
Minifying css and javascript is a good practice, too often it is over-valued, but a good practice anyway. Why over-valued? Because it is a lot better to enable gzip for your css and js files than minifying them, but do both if you can.
On the other hand, combining css and js files is really a good practice, this is because more calls to the server for more files, when only one call for one big file can be done, really improves load times.
But the good news is that you can address both issues with just one command line. Using ruby juicer
command.
Installing Juicer
gem install juicer
juicer install yui-compressor
Minify and combine CSS files
juicer merge first.css second.css third.css
The output will be first.min.css
and because of yui-compressor
, the output will already be minified.
@import
If your css files include @import
directives, juicer
will replace that line with the contents of the file to be imported, generating one big-minified CSS file for you.
Be sure to also enable gzip on your server. Here is How to enable gzip on Apache