こんにちは、三輪です。
Webサイトを制作または閲覧していて、更新されているはずの情報が新しくなっていないことに「！？」となった経験のある方は多いのではないでしょうか。私はしょっちゅうです。
そういう時、原因となることが多いのがブラウザのキャッシュ。
私自身、立て続けにキャッシュに冷や汗をかかされたので、ここらでひとつ、キャッシュについての情報を（主に忘れっぽい自分のために）まとめてみたいと思います。
キャッシュとは、Webページを表示した時に、そのページ内で使用されている画像やHTMLファイル等のデータを、使用しているパソコンに一時的に保管しておく仕組みです。
（「キャッシュ」という言葉は、一時保管する仕組みそのものを指す場合と、保管されたデータのことを指す場合があります）
Webページを表示する際、初回アクセス時はサーバーに「必要なデータをください」と伝え（リクエスト）、ダウンロードしながら表示します。
一度アクセスしたページに再びアクセスした場合、パソコン内にキャッシュが存在していれば、ブラウザはパソコン内のデータを優先的に使用します。
つまり、初回よりダウンロードするデータが少なくて済むため、表示速度が速くなります。
良いことづくめに見えるキャッシュ機能ですが、世の中そんなに甘くない。
データがキャッシュに保管されていれば、ブラウザはそちらを優先して使用するので、新しくデータをダウンロードしてくる必要がありません。
しかし、保存されているキャッシュは最新であるとは限らないのです。
古い情報が残ったままになっていると、表示される情報も古いまま…という結果になり、（私のように）滝汗をかく羽目になります。
変わっているはずの情報が変わっていない！となった時、試していただきたい内容について、主なOSやブラウザごとにご紹介します。
一番手っ取り早いのは、ページをもう一度表示し直すこと。ブラウザやタブを開き直さなくても、キーボードから再読み込みを行うことができます。
OSによってキー操作が異なりますので、ご注意ください。
なお、ここで言う「更新ボタン」とは、各ブラウザの再読み込みするためのアイコンを指します。
| ブラウザ共通 |
|
|---|
| ブラウザ共通 |
|
|---|
| ブラウザ共通 |
|
|---|
通常の再読み込みで問題なく表示されればそれに越したことはありませんが、それだけでは更新されない頑固なキャッシュがたまに存在します。
そんな時は、キャッシュを強制的に吹っ飛ばす（無視する）方法があります。
OSやブラウザによって操作が違うので、ご利用のブラウザに合った方法をお試しください。
基本的には、太字になっているキー操作を試していただいて、それで駄目なら他を試す、ぐらいで良いと思います。
| Google Chrome |
|
|---|---|
| Internet Explorer |
|
| Microsoft Edge |
|
| Firefox |
|
| Google Chrome |
|
|---|---|
| Firefox |
|
| Safari |
|
| iOS ／ Androidの各ブラウザ |
…には、残念ながらスーパーリロード機能はありません（2020年9月時点） 通常の再読み込みで改善されない場合は、以下のキャッシュクリアをお試しください。 |
スーパーリロードまで試して全然解決しないことは稀だと思いますが、なおも言うことを聞かない時は、思い切ってキャッシュ自体を削除してみるのも有効です。
なお、以下の操作を行った場合、選択する項目によってはログイン中のサイトからログアウトされる場合がありますのでご注意ください。
表示速度をアップしたりサーバーへのリクエスト回数を減らしたりと、ありがたい面が多々ある一方で、表示トラブルの原因となることも多いキャッシュ機能。
そして、時にはご紹介したような方法だけでは改善されない場合もあります。
そんな時は、しばらく時間を置いてから再度アクセスしてみるのも一つの手です。
これだけ書いてそんなオチかと言われそうですが、解決しない時は試す価値ありですので、記憶の片隅にでも置いておいていただけたら。
あれ？おかしい！となると、つい慌ててしまいますが、ぜひ一度試してみてください。
