ホームページ制作中、ゴチャゴチャになってくるものがあります。
それは スタイルシート ＝ ＣＳＳファイルの中身 です。
制作前に練り上げて作りこめばそんなにごちゃごちゃにもならないのでしょうが
作っている最中に
「あー、これ作ってないや」とか
「ここもう少し詳細に設定しよう」とか
言いながらやっているともう大変。
ＣＳＳファイルが煩雑になってきます。
ＣＳＳファイルが煩雑になりボリュームを増してくると可読性が悪くなったり、ボリュームそのもので転送量が大きくなっちゃいます。
そこで！
こんな記事を見つけました！！
▼ CSSの最適化とファイルサイズ削減をしてくれる無料ネットサービスいろいろ
・・・実際に試してみました。
試したのはここ → CSS Formatter and Optimiser
結果は・・・
もとのＣＳＳファイルサイズ 7.368KB
最適化後の ファイルサイズ 5.528KB
Compression Ratio: 25% (-1840 Bytes)
すばらしい！！
もともとそれほど大きくないＣＳＳファイルでしたが２５％削減できました。
やり方は簡単！
１．下記ＵＲＬにアクセス
http://www.cleancss.com/
２．CSS Input:ってＢＯＸ内の[CSS-Code:]に直接コピペするか
[CSS Input:]にＣＳＳファイルのURLを貼り付けて
[Process CSS]ボタンを押すだけ！
３．結果が表示されます。
記事の中にはこれ以外にも、様々な最適化方法のサイトがいくつか紹介されていますので興味のある方は見てみてください！！
