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 white-space 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/