Thursday, December 16, 2010

[Tutorial] Compress your CSS Code to make your site load fast

Why to compress CSS file

* It cleans up your CSS code.
* Makes CSS editing easy
* Fast loading of template

How to compress CSS files

1. First copy all the code present in your style.css file
2. Now open CSS Compressor from here
3. Keep the default options as it is but put a tick on One rule per line
4. Paste the code in the first textbox i.e Code In and click on Compress
5. Your new compressed code will appear in the second textbox i.e Code Out, copy the whole code from there and replace it with the old one and you’re done!

Link to the CSS Compressor :
Code:

http://tools.arantius.com/css-compressor

No comments:

Post a Comment

My Mine