Adnan’s Blog

CSS Compressor

Posted on: July 16, 2008

As a web designer, we use resources like CSS and javascript. These files should be optimized using compression for reducing the file size and hence the load time.

To decrease the file size web designers can follow 3 guidelines:

  1. Remove whitespace like tabs, spaces, blank lines, etc.
  2. Remove unused CSS classes and ID’s.
  3. Use shorthand wherever applicable. For example use #FFF instead of #FFFFFF or 0 for 0px.

There are various online tools available for CSS Compression. One of them is Clean CSS. This nifty tool, allows you to enter the css code or point it to an online css file and provides many other options along with feature to select the level of compression.

You can try it out on :

http://www.cleancss.com/

Advertisements
Tags:

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

%d bloggers like this: