亜細亜ノ蛾 - Weblog

通信時に圧縮

さて、JavaScriptファイル圧縮がうまく行かなかった人たちは、あきらめるか、別の方法を探すことでしょう。そして何人かは、次のことを思いつきます。

「通信するときに (gzip で) 圧縮すればよくね？」

そのあたりの技術は Vitamin Features » Serving JavaScript Fast などで提案されています。──いや、英語だし、じっくり読んだわけじゃないので違うかも？ mod_gzipを使って云々と書いてあるから、たぶん通信時に圧縮するんじゃないかなぁ……（ぶつぶつ）。

もちろん、この方法も有効だと思いますが、アクセス数が増えるたびにサーバに負担がかかることは間違いないでしょう。設定次第で何とかなるかもしれませんが、レンタルサーバ者にとっては、ね。

ファイル自体を圧縮！

ようやく本題です。上記のようにぐるぐると議論が一巡した時に出てきた発想と思われるのが、

「ファイルそのものを （gzip) で圧縮すればよくね？」

ちょwwwおまwwwwww

「そんで、<script type="text/javascript" src="prototype.js.gz"></script>みたいに読み込めばおk（Compressed JavaScript | Joseph Scott's Blog）」

m9(^Д^)ぷぎゃー。そんなことできるわけ──できちゃったよ！

ということで、やっつけ作業でサンプル作りました。

prototype.jsをgzip圧縮して利用するテスト

非同期通信のリクエスト数を取得するからパクったコードなので、問題があったら削除/訂正します。

またSafariか

──と、勢いだけで書きましたが、どうも Safari で問題があるらしい。

というか！ いろいろ調べてCompressed JavaScript | Joseph Scott's Blogをよく読んだら、コメント欄に日本人の方が。そして、ちゃんと自身のブログで解説してくださっている!!

こぶたのラッパ : 世界の片隅で.jgzと言ってみるによると、Safariでgzip 圧縮されたJavaScriptを受け付けてくれないとのことで、.htaccess を使ったスマートな解決策が書いてあります。

RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} ".*Safari.*" [OR]
RewriteCond %{HTTP:Accept-Encoding} !gzip
RewriteRule (.*)\.jgz$ $1\.js [L]

AddType "text/javascript;charset=UTF-8" .jgz
AddEncoding gzip .jgz

さらに圧縮する方法も書いてありますね。

ファイルサイズ | ファイル名

47,445 bytes | prototype.js（デフォルト）

32,717 bytes | prototype_compress.js（Rhinoを使って圧縮）

10,537 bytes | prototype.jgz（gzip圧縮）

9,464 bytes | prototype_compress.jgz（Rhino + gzip圧縮）

こぶたのラッパ : 世界の片隅で.jgzと言ってみる

──が、今回は何となく“.gz”な拡張子そのままで反応を見てみることに（調べるのにﾂｶﾚﾀﾖ……）。

終りに

もしかすると、今回書いたことはとっっっくの昔に議論し尽されていて、「何を今さら……」なのかも。自分が知らないだけで、もの凄く重大な欠陥があったり（Safari の場合を除いても）。

しかし、ある人にとっては大変有益な情報に、なったらいいな、と思って勢いのままに書きました。「prototype.js が 10KB だったら使ってもいいよね」という人も多いのでは。