CSS や JavaScript のファイルを圧縮してくれる Web サービス 「YUI Compressor」

「YUI Compressor Online JavaScript/CSS」はオンラインでCSSファイルやJavaScriptファイルを圧縮してくれるサイトです。

CSS や JavaScript を書く際にはコメントをつけたり改行やインデントによって見やすく工夫をしますが、Webブラウザには不要なものです。
コメントなどによってファイルが大きくなって転送量が多くなるのも困りますが、コメントや改行がないと開発に支障をきたします。

「YUI Compressor Online 」はWebサイトに作成したCSS や JavaScript を貼り付けてボタンをクリックするだけで不要な部分を削除してくれます。

【使用方法】

1. 「YUI Compressor Online 」へアクセスします。
   
   クリックで拡大
   
2. CSS もしくは JavaScript の1ファイル分の中身をすべて貼り付けます。
   「File Type」の項目で CSS か JavaScript かを選択し、「Compress」ボタンをクリックします。
   
   クリックで拡大
   
3. 数秒でコメントやインデント、改行など不要な要素をすべて取り払ったスクリプトが画面下部のテキストエリアに出力されます。
   スクリプトの上部には元のサイズ、処理後のサイズ、圧縮率などが表示されます。
   これをコピーして CSS や JavaScript ファイルにします。
   
   クリックで拡大
   
4. 「Download code？」にチェックを入れて実行するとファイルになってダウンロードできます。
   ファイル名は乱数のような名前になるので変更します。
   
   クリックで拡大
   

【参考情報】