2011年02月23日

JavaScript, CSS の最小化

今更ながら JavaScript や CSS の最小化をやってみました。
まず必要なのは YUI Compressor。

http://developer.yahoo.com/yui/compressor/

が詳細。

http://yuilibrary.com/downloads/#yuicompressor

からダウンロードできます。
$ cd /usr/local
$ sudo unzip yuicompressor-2.4.2.zip
な感じで解凍して準備完了。
最小化は、
$ java -jar /usr/local/yuicompressor-2.4.2/build/yuicompressor-2.4.2.jar
   --type css ./hoge.css -o ./hoge.min.css
で終了。JavaScript の場合は、
$ java -jar /usr/local/yuicompressor-2.4.2/build/yuicompressor-2.4.2.jar
   --type js ./hoge.js -o ./hoge.min.js
とするだけ。
実際どれくらい小さくなったか見てみると、
-rw-rw-r-- 1 xxxx xxxx 12899  2月 22 01:16 hoge.css
-rw-rw-r-- 1 xxxx xxxx 10640  2月 22 01:18 hoge.min.css

-rw-rw-r-- 1 xxxx xxxx 8899  2月 22 00:41 hoge.js
-rw-rw-r-- 1 xxxx xxxx 5446  2月 22 01:17 hoge.min.js
な感じでした。
.js や .css を gzip した方が圧倒的に効果があるかな。。。

posted by おちエン at 23:29| Comment(0) | 開発 | このブログの読者になる | 更新情報をチェックする

広告


この広告は60日以上更新がないブログに表示がされております。

以下のいずれかの方法で非表示にすることが可能です。

・記事の投稿、編集をおこなう
・マイブログの【設定】 > 【広告設定】 より、「60日間更新が無い場合」 の 「広告を表示しない」にチェックを入れて保存する。


×

この広告は1年以上新しい記事の投稿がないブログに表示されております。