CSSで定義するスタイルが多くなるとどうしてもファイルサイズが大きくなるのは止む終えないことだと思います。このエントリーで紹介した方法でファイルサイズを小さくすることは可能ですが、ある意味裏技みたいな方法なので実用性が高いとは少し言い難いと思います。
CSSのファイルサイズを減らすのでまず出来るのは、プロパティの記述方法を短くすることだと思います。例えば、フォントの記述方法も
font-size: 90%;と、切り分けて書かなくても
line-height: 180%;
font-family: arial, "Lucida Sans", "Futura", sans-serif;
font: 90%/180% arial, "Lucida Sans", "Futura", sans-serif;というふうに１行で書くことが可能です。その他「list」や「background」も１行で短く書くことが可能です。こういう積み重ねがファイルサイズを小さくすることもあります。 今回紹介するのは長くなってしまったCSSをクリックひとつで短く最適化してくれるサイトです。
現存のCSSを最適化してくれます。サーバーに置いてあるCSSファイル又はCSSを直接書き込んで最適化をします。日本語は文字化けしてしまいますし、ハックがあるとハックのコードまで最適化してしまいますが。使えないことないですね。CSSのコードの確認としても使えますし、まだ「１行書き」に慣れてない方はここでサクッと変換してしまえば良いのではないでしょうか。
私の場合ですが、DreamWeaverなどのソフトを使用してCSSを作成した場合、便利だけどCSSの書き出しに少し不満がありました。コレを使用すれば速く書き出せて、最後に綺麗に最適化できるため結構気に入っています。あとはMarginとPaddingに対応できれば結構使えるかも...。この記事を見て最初の頃は日本語が文字化けしていたのですが、現在はWinのIEでしか確認していませんが文字化けは直っていました。よく見るとバージョンが書いてあったのでバージョンアップしたのかもしれませんね。
Good Point. Anyways, this was where i met her. You can join for free as well www.redtricircle.com
