「キャッシュ削除してください」と言わなくて良い書き方

こんにちは。

何か更新した後にお客さまから

と言われること、ありませんか？

その度に

と説明するのは忙しい時には大変です。

なんと、その説明をしなくて良い方法があります。

ではその方法を紹介します

パラメーター

パラメぇータぁー

はい、これですね。

リンクURLに”パラメーターを付与してあげる”で解決です。

URLパラメータとは、サーバーに情報を渡す時に付け加える「変数」のことです。

<link rel="stylesheet" type="text/css" href="style.css" /> 

こんな感じでHTMLにスタイルシートを読み込みますよね。

ここに「変数」を付与するとサーバー側は

style.cssとは別のスタイルシートだぁ〜

ということになるのかキャッシュが残りません。

通常の流れ

キャッシュを削除しなくて良い流れ

スタイルシートを編集した後、その読み込みをするURLの末尾に「?xxx」を付与します。

例<link rel="stylesheet" type="text/css" href="style.css?ver2" />

「?xxx」xxxは数字でもアルファベットでもOKです。

アップロードする前に変更してくださいね

PHPファイルの場合

PHPファイルの場合は、なんとなんとなんと、オススメがあります。（大袈裟）

<link rel="stylesheet" href="style.css?var=<?php echo date('Ymd-His'); ?>" type="text/css"/>

私が使っているのはこれです。

WordPressテーマはこうしています。

<?php echo date('Ymd-His'); ?>

echoで日時を出力しています。

すると、パラメータの書き換え不要なのです！！！！！！！

アップロードする度自動でパラメータ変更となる超楽々テクニック。

アップロードしたものをソース表示して確認するとこんな感じになっています。

画像

ここでちょっと注意ポイントがあります。

CSSにパラメータを付与しても、画像にはキャッシュが残ります。

画像の変更をなかなか確認できない場合は、<img>にパラメータ付与してください。

<img src="img/nav/icon-beginner.png?xxx" alt="">

「xxx」を変更です。