HTML
CSS
JavaScript

キャッシュ対策 [自分用メモ]

More than 3 years have passed since last update.

自分用のメモです。
http://doop-web.com/blog/archives/1182

このままでは動かなかったので以下のように修正して使っています。

CSSやJSファイルのタイムスタンプを利用してパラメーターを生成して、呼び出し先のURLにパラメーターを追加する。

ファイルを更新するとタイムスタンプが変わり呼び出しのURLについたパラメーターが変更されるので、キャッシュが使われなくなる。

function cacheBuster($filename) {
 if (file_exists($filename)) {
  echo date('YmdHis', filemtime($filename));
 } else {
  echo 'file not found';
 }
}
<link rel="stylesheet" href="/css/stylesheet.css?date=<? cacheBuster(dirname(__FILE__).'/css/stylesheet.css'); ?>">

設定しておくと、とても便利なのでオススメです。