Tips - 静的リソースのURIに?をつけるべからず : 404 Blog Not Found

2014年03月14日20:00 カテゴリTipsCode Tips - 静的リソースのURIに?をつけるべからず Webを支える技術 HTTP、URI、HTML、そしてREST 山本陽平 であればなおのことこの実装はNG。 ブラウザのキャッシュを利用できれば、余分なリクエストを減らすことができます。はてなブログでは、なるべく長い間ブラウザにキャッシュを保存するために、JavaScriptなどの一部の種類のファイルのレスポンスに、以下のようなヘッダを指定しています。 はてなブログにおけるページ表示速度改善の取り組みについて - Hatena Developer BlogはてなブログではJavaScriptを配信する際には、上記のURLのように、?よりあとの部分にabc078624b2a746c618156847827166bのようなバージョンIDを付与しています。JavaScriptが変更

[sona-zip]

バトルが続く けど結果的に色々な人の勉強になっていいことだね 技術的意見は感情的にならず言い合った方みんな幸せ

[yohei]

アフィリンク先の本にはこんなことは書いてない気がするけど、たくさん売れてそうでありがたい

[river2470]

性的リソースもURLで見分けられればなぁ。

[nemoba]

ChromeでもAuditsでチェックすると「Leverage proxy caching」と出る奴。黄色。「Leverage browser caching」は、真っ赤。重要度は、べからずではないかな。CDNだとURL Rewriteしづらいとかも。ちなみに計測サイトはblog.livedoor.jp/dankogai/

[matarillo]

こういうHTTP仕様的にわけのわからないことをする技術者はIEのことを悪く言えないとおもうなあ。

[ustam]

まあドヤ顔で細々と高速化をはかっているエンジニアからすればこういう要素も無視はできんよね。キャッシュクリアのためのパラメーターもmod_rewriteとかでファイル名に変換かな？

[t-murachi]

おいちゃん的には "?" は論外としても "-" よりは "/" の方が好きかなぁ…。だいたい "?" より後ろに key-value pair 以外のものを置くべきではないんですよね。

[y-teraoka]

まぁ正論ですわな。でも今時プロキシのキャッシュよりブラウザのキャッシュが重要そう。jQueryとか、みんな同じのを共有して欲しい。落ちないCDNが必要だが。

[Haaaa_N]

もう小細工するより素直にやったほうが良いんだよなあ

[getlife]

ガチンコ反論来た。。。まだ続くのかな

[HHR]

Cache-Controlヘッダー。?つける習慣がついてしまっているんですが。。。

[otchy210]

deploy のタイミングでハッシュ名を自動生成してそれをファイル名に使い、Expires は 1〜2ヶ月、というあたりが一番良いバランスだと思っている。(という実装を最近書いた)

[kanno_kanno]

キャッシュの話

[haishi]

プロクシーサーバーがキャッシュしてくれなくなるかも知れないから。

[mmorita44]

はてなの中の人、めっちゃ勉強になっているな。とりあえず意味を理解して表示速度改善をやっているようだから、これを機会にHTTP仕様に関して勉強することだろうな。

[tanakaBox]

はてなの話

[oldriver]

はてなのケースは知らんが。?だとクライアント側のアドホックな対応でいける。他所の組織が立てたプロキシと必ず仲良くできる自信が。Cache-Controlでそもそも無視前提。パラノイア的対応。jQも。難しいねん。誰かー。

[tmatsuu]

Apacheのデフォルト設定だと静的ファイルでLast-Modifiedを付与するもののCache-ControlやExpiresがつかないので、再読込しないとブラウザがキャッシュ活用→だめだ?をつけろ！がバッドノウハウになってる。Expires Onを啓蒙したい

[u1tnk]

正論…

[UDONCHAN]

へー

[lequinharay]

プロクシでキャッシュしてくれないかもってのは知らなかった。方法自体はハイパフォーマンスWebサイトとかで推奨されてたから、普通に使ってたなー

[auient]

静的リソースのキャッシュ対策でクエリ文字列をつけることはHTTPの仕様上推奨されない。なぜならプロクシサーバがキャッシュしない可能性があるから。

[side_tana]

なるほど

[hikalin8686]

もうやだモヒカン

[rindenlab]

"やるのであれば、 /js?abc078624b2a746c618156847827166b とかではなく /js-abc078624b2a746c618156847827166b などとすべき"

[bayan]

やってた

[a-know]

クエリストリングだとキャッシュが効かない可能性があるのか。知らなかった

[sin20xx]

おっと、今回のソースは僕も知らなかった。勉強になるわ。まぁ、Googleも結構ぎりぎりのチューンしてくることあるから必ずしも公的なものであるわけではないけど、今回のは公に理解すべき事項に近い話かなと思う。

[Futaro99]

乱入だああああ！！！

[localdisk]

そういう意味ではRailsのasset pipelineはちゃんとしてたはず。PHPはいまいち使い勝手のいいのがない。色々あるのはあるんだけど。

[n-yuji]

かの説明にはもやっとするものを感じていたけど、こういうことなのか。

[smbd]

へー。でも、forward proxyつかってるところなんて、あんまり無いのではと思うし、ブラウザでcacheしてくれればよくね？とおもうが。UNIX epoch 0なのはどうかと思ったがw

[koba04]

"Don't include a query string in the URL for static resources."

[Rinta]

こーゆーのは大抵、なーんも知らんのにその事を自覚していない自信だけ勢いだけの若造がやらかす。と、老害の感想を述べておく。

[mtmt101jp]

なんと

[kasumani]

Apacheのデフォルト設定だと静的ファイルでLast-Mo ... Apacheのデフォルト設定だと静的ファイルでLast-Modifiedを付与するもののCache-ControlやExpiresがつかないので、再読込しないとブラウザがキャッシュ活用→だめだ?をつけろ！が