亜細亜ノ蛾 - Weblog

さっそくやってみた

ほうほう、と JavaScript ファイルをぶっ込んであるディレクトリに下記を記述した .htaccess を置いてみた。

RewriteEngine on
RewriteCond %{HTTP:Accept-Encoding} gzip
RewriteCond %{REQUEST_FILENAME} !\.gz$
RewriteCond %{REQUEST_FILENAME}\.gz -s
RewriteRule .+ %{REQUEST_URI}.gz

odz buffer - Apache で gzip 圧縮されたファイルを返す

ディレクトリ内には prototype.js（gzip 圧縮なし） と prototype.js.gz（gzip 圧縮あり） があると思いねェ（ベベン！）。熱くほてった下記のコードでソイヤっと読み込みング。

<script type="text/javascript" src="prototype"></script>

──404 エラー。あれ？ と思って id:odz さんの記事と Content Negotiation でリクエストに応じて gzip 圧縮ファイルを返すを読み直すと──ああ、Content Negotiation が働いていないのでした。MultiViews ってやつですよね。

ただ、ふと思いついて

<script type="text/javascript" src="prototype.js"></script>

と記述すると、上記の .htaccess のままで

1. Accept-Encoding に gzip を含まない場合は prototype.js をそのまま読み込む
2. Accept-Encoding に gzip が含まれ、prototype.js.gz が存在すれば prototype.js.gz を読み込む
3. Accept-Encoding に gzip が含まれ、prototype.js.gz が無ければ prototype.js を読み込む

という、理想的な動きを！ ktkr!!

ｼﾝｼﾞﾗﾚﾅｰｲ という人のために

Web-Sniffer で Accept-Encoding の状態によって返すファイルが変化するか確認してみましょう。

この通り、同じ prototype.js にアクセスしても、状態によって gzip 圧縮してあるファイルを UA に渡しています。

ちなみに、.js.gz がない場合はこんな感じ。404 エラーになったりはしません。

Safari 使いの反応求む！

ところで、今回の前提として、

Safari って Content-type: application/x-javascript 、 Content-Encoding: gzip にしておいても gzip 圧縮された JavaScriptソースを正しく扱えなかったりするんだろうか。

odz buffer - Apache で gzip 圧縮されたファイルを返す

という問題がまだ残っておりまして。

どう考えても「Safari が gzip 圧縮されたファイルを扱えない」わけは無いのですが、問題の焦点は「Safari が gzip 圧縮された JavaScript ファイルを扱えない」が true か false か──。

ブクマで好いからお返事待ってます＞ Safari 使いの皆様

この問題が解決すれば、「Safari には .js のファイルを 通信時に gzip 圧縮して渡す」と、ディ・モールトいい感じ。

RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} !.*Safari.*
RewriteCond %{HTTP:Accept-Encoding} gzip
RewriteCond %{REQUEST_FILENAME} !\.gz$
RewriteCond %{REQUEST_FILENAME}\.gz -s
RewriteRule .+ %{REQUEST_URI}.gz

RewriteEngine on
RewriteCond %{HTTP:Accept-Encoding} gzip
RewriteCond %{REQUEST_FILENAME} !\.gz$
RewriteCond %{REQUEST_FILENAME}\.gz -s
RewriteRule .+ %{REQUEST_URI}.gz

ForceType application/x-javascript
AddEncoding x-gzip .gz

ところで

今さらながら、gzip 圧縮するのは JavaScript に限らず、CSS や HTML でもいいわけで。デザインに凝ったサイトは CSS のファイルサイズが大きくなりがち。CSS も .css.gz なファイルを用意しておいて、上記の .htaccess で圧縮ファイルの方を渡すのがベネ！ ──かもね。