JavaScriptやCSSの軽量化ツール
JavaScriptやCSSのファイルを圧縮してくれるツール「YUI Compressor」を紹介したいと思います。開発元はYahooでBSDライセンスで提供されています。
YUI Compressor
http://yui.github.io/yuicompressor/
ツールはDownload the YUI Compressorのリンク先からダウンロードできます。ちなみに、このツールはJavaで作られているので、Javaがインストールされていない環境では予めインストールしておく必要があります。
JavaのインストールファイルはOracleのサイトからダウンロードできます。
無料Javaソフトウェアをダウンロード
https://java.com/ja/download/
使い方
コマンドラインから次のようにして使います。
JavaScriptの圧縮
$ java -jar yuicompressor-2.4.8.jar jquery-2.1.1.js --type js -o jquery.min.js
CSSの圧縮
$ java -jar yuicompressor-2.4.8.jar bootstrap.css --type css -o bootstrap.min.css
どれぐらい軽量化できるかのサンプルとして、jQueryとCSSのファイルで比較してみました。
ファイル名 | 元のファイルサイズ | 圧縮後のファイルサイズ | 圧縮率 |
---|---|---|---|
jquery-2.1.1.js | 242K | 129K | 53.3% |
bootstrap.css | 130K | 108K | 83.1% |
圧縮率はファイルの内容によって変わりますが、試してみてもいいのではないかと思います。注
注: jQueryやBootstrapは圧縮済みのファイルが提供されていて、それの方がファイルサイズも小さいので、こういったツールを使う必要はないと思います。