ＣＳＳを圧縮する

カテゴリー:WEB関連 |

ＣＳＳを圧縮するサイトは、現在では、いっぱいあります。
そもそも、そのはしりとなったのは、yuicompressorです。

圧縮というとzipやgzなどの圧縮を思い出しますが、ここでの圧縮は、縮小？とでも表現すべきでしょうか・・・。
圧縮といっても、zipやgzなどとは異なり、コメントや空白、同じ情報をまとめるなど、基本的に無駄なコードを破棄してサイズを小さくするものです。

動作環境にjavaが必要です。
ダウンロードは、こちらです。

解凍して、jarファイルをコピーして使います。
java -jar yuicompressor.jar [options] [input file]

例）
java -jar yuicompressor.jar template.css -o template.css.o

の感じで、
template.cssをtemplate.css.oのファイルへ圧縮してくれます。

普通に半減ぐらいはしますね。

このyuicompressor以外は、ベースは同じもので、いろいろと圧縮の技術を試みているものも多いです。
同じ論理で、javascriptも圧縮できます。

ただ、CSSを圧縮しすぎると表示が少し崩れる（色が異なるなど）がありますので、使う場合は、気をつけた方が良いですね。
yuicompressorは、そんなことは、ありませんので、結構、安心して使えます。（圧縮幅の他に比べれば、多少、落ちます）

ブックマークへ追加:

Trackback URL

このコメントは管理人から承認された後、表示されます。

コメントをどうぞ

Joomla!,WordpressなどCMSを使ったサイト構築、サイト管理からソフトウェアの使用方法、開発環境までのヒントを記述します。

Joomla!,Wordpressでサイトを構築するためのヒント