JavaScriptを圧縮してみた。

admin — Fri, 05 Jan 2007 13:43:01 +0000

zip形式やらlzh形式などのファイル圧縮は毎日のように使っておりますが。。

ブログやウェブサイトから呼び込んでいるJavaScriptなんかも圧縮できるんですねぇ。。
へぇ～。。知らんかった。。

このブログでもいろんなJavaScript使いまくってるもので。。。

結構そういうのって負担かかってるんですかね？？どうなんでしょう？？
まぁ、とりあえず無料なので試してみました～。。

WinGZip utility
このサイトからwingzip.exeっちゅうファイルをダウンロードしてそのファイルを実行。

1. WinGZipを開くと、↓のウインドウが開きます。上側のタブの「Compress」ってタブをクリック。

2.　「Compress」タブをクリックした後、「Input file name」の右側のボタンをクリックすると、ファイルが指定できるので、圧縮したいJavaScriptファイルを選択。

3. 圧縮したいJavaScriptファイルを選択したら、「Start」ボタンをクリックして、圧縮開始。↓のように「The file compressed successfully…」ってメッセージが出たら、圧縮成功ですわ。

わたくしの場合。。。128KBあったJavaScriptファイルをすべて、このWinGZipで圧縮してみたところ。。。

32.5KBに圧縮されました！！

4. さらに、さらに、この圧縮されたGZファイルとJavaScriptファイルを同じフォルダに入れて。。。（わたくしの場合はjsフォルダっちゅうのをつくってます。。）
以下のコードをコピーして、テキストエディタに貼り付けて「.htaccess」って名前でセーブ。

<br />
RewriteEngine on<br />
RewriteCond %{HTTP:Accept-Encoding} gzip<br />
RewriteCond %{REQUEST_FILENAME} !\.gz$<br />
RewriteCond %{REQUEST_FILENAME}\.gz -s<br />
RewriteRule .+ %{REQUEST_URI}.gz</p>
<p>ForceType text/javascript<br />
AddEncoding x-gzip .gz<br />

そしたら、フォルダの中身はjsファイル（元のJavaScriptファイル）、js.gzファイル（圧縮されたファイル）、そして、.htaccessファイルって構成になりますねぇ。。↓こんな感じ。

これで、GZipが読めるブラウザで見られた場合には、GZipの方を読み込み、GZipが読めないブラウザアクセスされた場合にはJavaScriptファイルを読み込むっちゅう、かしこい仕様になっているそうです。。（詳しいことは正直分かりません。。。）

詳しいところは、↓の関連ブログでどうぞ。。。

関連ブログ

.jgz と .js.gz と Apache の設定 – ユンサンの／융상의／YungSang’s

DesignWalker » WinGZip

JavaScriptを圧縮してみた。