Funky world of Juha

Bizarre and funky world of Juha

CSS compressor / beautifier January 7, 2011

Filed under: CSS — juhq @ 7:55 am

There’s couple of cool online tools to compress or beautify your CSS.

First one being www.codebeautifier.com, which handles both. You can select your compression level, from lowest (beautified CSS) to highest (smallest size, harder to read). You can also select different kinds of options with your compression / beautification.

Another really cool tool is www.csscompressor.com, where again you can select compression level and proper options.

Both tools shows you possible error messages and the compression ratio.

For my example compression, it removed 284 bytes, which doesn’t seem so much, but when looking at the total number, it’s 15,6% of the original size! That’s impressive.

Compression ratio: 1.538KB/1.822KB = 15.6% (-284 Bytes)

And finally, if you are using Firefox, you really should be using Firebug and YSlow!

YSlow allows you to optimize CSS, JS (and also beautify) , smush images using Yahoo Smush.it and it also shows your sites grade with tips on how to improve speed.

Advertisements
 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s