CSSの最適化

Format and Minify Your Code Online

やってくれること

OperaIRC+のCSSを最適化してみてやってくれたことを列挙。

• セレクタ,プロパティのソート
• 中身が空のセレクタの削除。
• プロパティの値を短く。
  • 色指定の変更。white->#fff, #ffffff -> #fff, #c0c0c0 -> silver*1
  • 0pxを0に*2
  • "5px 0 20px 0"を"5px 0 20px"に。*3
  • font-weight、normal -> 400, bold -> 700

などなど。

きれいなCSSを書くために役立ちそうだ。

ちなみに、

Input: 6.151KB, Output: 4.917KB, Compression Ratio: 20.1% (-1234 Bytes)

だそうです。どんだけ無駄があったんだろうか。スペース&インデントを入れて見やすくしていたところも削られたのか。

*1:そこまでするか?

*2:よくやってしまう。

*3:これもよくやる