[css]cssファイル、jsファイルのキャッシュ制御

Read More

cssファイルにしてもjsファイルにしてもブラウザがキャッシュすることがある。


しかし任意のタイミングでキャッシュをクリアしファイルを再読み込みさせたい時がある。


そのような時はURLにクエリーパラメータを付与してやればよい。


■通常のヘッダーの記述
<link href="example.css" rel="stylesheet" type="text/css" />
<script src="exsample.js" type="text/javascript"></script>



■キャッシュ制御付きの記述
<link href="example.css?cache=20120524" rel="stylesheet" type="text/css" />
<script src="exsample.js?cache=20120524" type="text/javascript"></script>



上記のように更新する可能性のあるファイルに対して日付を付与しておけば、
更新が必要な時にその値を変更することでキャッシュを制御することができる。

画像ファイルやフラッシュなどでも良く使う手の一つ。


まあクエリパラメータは?cache=日付形式じゃなくてもいいんだけどね。

例えば?aaa=20120524でもいいし、?20120524などでも良い。
もちろん日付形式でなくても良い。

だけどあとあと人が触ることを考えるならば、
あるいは時間が経ったころ自分が触って「?」ってならないようにするために?cache=日付形式がベストだと思われる。




cssファイルもjsファイルも意外とリリース後に変更することがあったりする。


そんな時ユーザに対して
「再読み込みして下さい」
とか
「jsファイルに一度直アクセスして下さい」
なんて言いたくないしね。



Comments(5)

1  びるぱん  2012/05/24 (木) 20:25 ID:XXXXXXXXX
最近の流行りでいえばmanifestじゃね?って思った。
(GETだとURL汚れるなーとか。)

つ<html lang="ja" manifest="hoge.manifest">

人にいうだけで、まだこれ使ったことないwローカルストレージ使って何かやろうとは思ってるんだけど、時間ががが。

2  シラサヤ  2012/05/24 (木) 22:06 ID:XXXXXXXXX
text/cache-manifestでググったらいろいろ記事が出てきた。

面白そうだけど正直な感想言うと怖くて使えねーよー


3  115ちゃん  2012/05/25 (金) 10:40 ID:XXXXXXXXX
ふむふむ。

4  名無しさん  2013/07/22 (月) 15:04 ID:AXkYKXq15
言葉遣いがなってないね

5  シラサヤ  2013/07/22 (月) 22:10 ID:YlTXbKU15
> 言葉遣いがなってないね

言葉遣い:言葉の選び方。または使い方。







Category "HTML・JS・CSS" の最新記事