ブラウザキャッシュの削除対策(Chrome)

質問

先日、Webサイトの大幅な更新を行なったのですが、Google Chromeのみで、
更新したはずのスタイルシートがWebの画面に反映されておらず、
とても困った思いをしました（それ以外のブラウザは問題なく更新されてました）。
キャッシュが原因だったようですが、このキャッシュ対策は今後、htmlコーダーには
やはり必須になってくるのでしょうか？

対策として2パターン見つけはしたのですが、思ったほどどちらも使われているのを見ていません。
似たような対策で悩んでいる方がいましたら、ぜひアドバイスいただけないでしょうか？

対策1　no-chaceを使う
以下のURLに説明のある通り、no-chaceを使う
https://groups.google.com/a/googleproductforums.com/forum/#!category-topic/chrome-ja/?????/j6v1bc0jQ8g

対策2　クエリーをつける
以下のサイトにあるように、クエリーをつける
http://www.koikikukan.com/archives/2011/08/29-015555.php

すでに対応されている方はどちらを使っているか、対応を考えている方はどちらが良いかを教えていただけないでしょうか？

※ちなみに、当方は対策2は今のところ一件のみ、対策1は一件も見ておりません。

回答No.1

dscripty · ベストアンサー

最優先の選択肢(全ての文書の共通手段)。
HTTP ヘッダを触れるなら、
http://www.studyinghttp.net/caching#Expiration_Model
例えば、全くキャッシュさせないなら、
| Cache-Control:no-cache
| Pragma: no-cache

2番目の選択肢(text/html の場合)
HTTP ヘッダの代わりに meta タグでキャッシュコントロールする。

3番目の選択肢(text/css, image/png など text/html 以外の場合)
HTTP ヘッダを触れない場合の代替手段としてクエリーをつけて別の文書として認識させる。

ちなみに、このページの
→ http://okwave.jp/qa/q7174389.html
CSS の一つ、
→ http://gazo.okwave.jp/okwave/css/base.css
は、Tue, 06 Dec 2011 06:52:07 GMT の時点で、
キャッシュに関係する HTTP ヘッダが、
| Date:Tue, 06 Dec 2011 06:52:07 GMT
| Cache-Control:max-age=300
| Etag:"1047-4a734bce36600"
| Expires:Tue, 06 Dec 2011 06:57:07 GMT
| Last-Modified:Mon, 04 Jul 2011 02:00:56 GMT
だったから、5分後には、キャッシュが無効になるようにしているみたい。

お礼

ありがとうございます。
今回はHTTPヘッダをいじることができませんので、2番目のmetaタグで対応します。