（譯者按，css優化的確是個不容忽視的站點優化策略，好的優化策略會使站點在訪問者失去等待耐心之前就加載進來，站點加載的8秒原則是不容忽視的，希望各位看官引以為戒，我就用其中的cleancss優化了一下，效果雖然不太明顯，但是看它的優化策略的確很不錯）
當很多人設法優化他們的站點或博客的時候，看起來大部分人都忽略了CSS。
我今天花費了一些時間看CSS優化工具。我需要一些免費的、在線的和易于使用的工具。當然，它們要奏效才行。實際上有相當多網站滿足條件，它們中的一些使用起來更方便、能生成更友好的代碼，同時另外一些則使用起來麻煩一點，但是可以生成令人吃驚的結果。
我測試了CSS Optimizer, Icey’s CSS Compressor, Flumpcakes CSS Optimiser, 和CleanCSS，從這里可以看出誰可以把一些受歡迎站點的CSS文件壓縮到最佳狀態。
我選擇六個測試站點：
- Digg.com - web 2.0時代的poster boy, 主頁面設計得很不錯.
- Slashdot - ‘昨天’的poster boy. 轉移到css陣營相對較晚，但仍迎來了不少pageview.
- Filmsy - BloggyNetwork的blog部分，我認為它設計得很不錯
- iBegin - 我在多倫多使用過的不錯的本地搜索引擎
- Download.com - CSS應用最受歡迎的站點之一
- ESPN - 一個完全非科技的統計，它的CSS改版也是非常矚目的。
CSS優化器施了大量伏都教的魔法來達到他們的最終結果，這包括合并相似類、刪除無用的屬性、刪除空格等等。這能導致你或我難以閱讀代碼，但是對于更大的CSS文件，它可以大量壓縮它的體積以致頁面加載速度上有了很大的影響。
許多寬帶用戶可能不認為這有什么重要，因為大部分網站對他們而言加載得很快。但是如果你去的每個站點的加載速度都能快上10%，想想在一周的時間里它能節約你多少時間，一個月呢？或者一年呢？對于網站經營者而言帶寬的節省也同樣巨大。我將建議你一直保留一份閱讀性好的CSS代碼拷貝，這樣如果你需要做任何改動它不會耗費你很長時間，然后你可以再次優化它。
結果
我用保持默認設置的工具來運行所有這些測試。這或許不能給它們所有一個相同的地位，但我認為這正是我們大多數人使用它們的情形，因為我們不知道哪個選項打開哪個選項關閉，而且一些工具沒有特殊的選項供以打開或關閉。
Digg是第一只豚鼠。在優化Digg.com的主CSS文件之前它的體積是30.56KB，(錯誤消息就不翻譯了，這樣看起來更清楚）
| Site | After | Reduction |
| CSS Optimizer | 25.74 KB | 9.89% (failed: moves Popular stories and upcoming stories tabs next to Technology header and messes up Digg Home button) |
| Icey CSS Compressor | 16.69 KB | 45.39% (failed: changes padding/margins on some items. Spaces things out more) |
| Flumpcakes CSS Optimiser | 28.26 KB | 5% (failed: Messes up Digg Home button) |
| CleanCSS | 26.038 KB | 16.8% |
Slashdot進來的重新設計使CSS文件體積達到19.1KB大小，CSS優化器仍舊把文件體積做了很大縮減。
| Site | After | Reduction |
| CSS Optimizer | 15.01 KB | 21.38% |
| Icey CSS Compressor | 9.68 KB | 49.38% |
| Flumpcakes CSS Optimiser | 16.9 KB | 11% |
| CleanCSS | 15.234 KB | 22.1% |
下一個是Filmsy，這一個有最小的CSS文件，總共才11.39KB。不過，我們仍完成了將近50%的壓縮。
| Site | After | Reduction |
| CSS Optimizer | 9.25 KB | 18.85% |
| Icey CSS Compressor | 6.03 KB | 47.08% |
| Flumpcakes CSS Optimiser | 9.4 KB | 17% |
| CleanCSS | 8.27 KB | 29.1% |
下一個是iBegin Toronto.一個不錯的搜索引擎，它的CSS文件是22.79KB大小。
