JavaScriptやCSSの軽量化ツール

2014年08月17日

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は圧縮済みのファイルが提供されていて、それの方がファイルサイズも小さいので、こういったツールを使う必要はないと思います。

タグ：JavaScript JavaScript,CSS

【ソフトウェアの最新記事】

投稿者：crontab｜21:54｜ソフトウェア

この記事へのコメント

プロフィール

crontab

PC好きのアフィリエイターですが、最近はアフィリエイトへの興味がやや減少傾向

このブログもほとんど更新できていませんでしたが、今後は気が向いたときにつぶやきを投稿する形で運用していこうかなと思っています

ブログを見る

プロフィールを見る

にほんブログ村

カテゴリアーカイブ

当サイトについて

当サイトはA8.netが運営する会員向けブログサービス「ファンブログ」を利用しています。

当サイトに関してご意見等がありましたら、下記メールフォームより送信してください。今後の運営の参考とさせていただきます。
メールフォーム

Amazonのアソシエイトとして、当サイトは適格販売により収入を得ています。