一日数十万、数百万とアクセスのあるWebサイトではほんの少しの改善が積み重なって大きな速度改善につながることもあります。CSSも作成したそのままではなくちょっと工夫すれば大きな負荷軽減につながるかも知れません。そのための短縮化ライブラリがclean-cssです。 0
インストールはnpmを使って一発で完了。コマンドとして使うので-gをつけておきます。
0
ヘルプです。-oでアウトプットするファイル名、後は入力ファイルを指定するだけです。
0
catで標準出力としてCSSの記述を渡すことで、複数のファイルをまとめてマージして短縮化もできます。
0
元ファイルです。
0
こんな感じで短縮化されます。
0
またnode.jsのライブラリとしてテキストでCSSを渡して短縮化もできます。
0
-oをつけないと標準出力に渡るので、さらにパイプでGzipを使って圧縮したCSSにすることもできます。
0
clean-cssは0.5と書かれている部分の0を消すくらいごく小さな部分においても短縮化してくれます。コンソールで使うのは好き嫌いが分かれるかも知れませんが、システムで自動化するならばコンソールのが良いでしょう。 0
clean-cssはnode.js/JavaScript製のオープンソース・ソフトウェア（ライセンスはMIT）です。 0
プレミアムユーザには“MOONGIFTはこう見る”、記事の一行概要、追加スクリーンショット、デモや追加URLが表示されます。登録（500円/月）はこちらから！ プレミアムユーザのログインはこちらから 0
GoalSmashers/clean-css - GitHub
MOONGIFTの関連記事
このエントリーを含むTwitter
アンケート