CSS最適化でサイト読込みを早くする

ブログの登場でCSSでデザインを構築していくのが主流になっているが、ファイルサイズを軽くしたり、同一要素をまとめる事で、読込みと表示の際に速度が早くなるのはご存知だろうか？

実際に作業してみると、非常に面倒な作業だ。

CSS最適化を一発で行ってくれる便利なツールがあるのでこれらを使えば、簡単に最適化できてしまう。

3サイトに対してyoumos.comのCSSを利用してテストしたが、ファイルサイズは小さくなることが確認できた。　中でもIcey’s CSS Compressorが一番ファイルサイズを小さくすることができ56%圧縮率と、約半分のサイズになったのは驚きである。

しかし、CSS最適化ツールも万能ではない場合もある。
float属性などの組み合わせで、スクロール時の表示速度の低下、レイアウト崩れなど発生するケースもある。　単純なテーブルレイアウトの方が高速な場合もあり、製作者の適切な判断が必要になる。