CSSやJSをキャッシュさせない方法

せっかくCSSやJSを修正してもブラウザのキャッシュが効いているため修正が反映さないことがある。しかし以下の方法を使用することでブラウザのキャッシュではなく修正済みのファイルを反映させることができる。

方法その1 クエリー文字列を追加する

ファイル名の語尾にクエリー文字列を追加すると最新のファイル内容が反映される。

<link rel="stylesheet" href="hoge.css?20120130">

方法その2 ファイル名を変更する。

ファイル名を変更して最新のファイルを反映させる。

<link rel="stylesheet" href="hoge.20120130.css">

どちらも効果は同じだがクエリー文字列は間違えて古い方のファイルなどで上書きしてしまう可能性があるのでファイル名を変更するやり方のほうが無難だろうか。
1日に数回ファイルを上書きする場合はhoge.1.23.cssのように日付ではなくバージョンをつけるとあつかいやすい。

※no-cacheを使用する方法もあるがproxyなどで無効になることがあるので論外。