えっ!?まだスマホで見にくいんですか?スマホ最適化リノバスなら標準仕様です。ウェブ制作会社にお困りなら今すぐチェック

ページ更新が反映されない?ブラウザキャッシュを確認しよう!

興味と勢いだけでなんの知識もないまま地方のWEB制作会社「にゃんでもウェブ」に入社し、WEBサイトや通販サイトの運営で困りまくるとってもつかえない新卒ネコ「にゃんぺろう」の困った日常を紹介しつつ、WEBサイトの運営に役立つ知識やノウハウなどについて紹介します。

今回のお題は、「ブラウザキャッシュ」について。

Web制作を行ううえで編集したページの確認は必ず必要ですが、その時、お客様の確認画面に起こる“更新前と何も変わっていない”という症状と、その解決方法をご紹介します。

登場人物

興味と勢いだけでなんの知識もないまま地方のWEB制作会社「にゃんでもウェブ」に入社し、WEBサイトや通販サイトの運営で困りまくるとってもつかえない新卒ネコ「にゃんぺろう」。敬語もへたくそ。
にゃんでもウェブにホームページ制作を依頼したねこじゃらしショップを全国展開する「ねこじゃら商事」のウェブ担当「またたび」さん。にゃんでもウェブには商品紹介ページやバナー制作、広告出稿などを依頼している。
システム課の大塚くん。プログラマーとして日々スキルアップに奮闘中。麺家かもんとアイドルを愛する社内のムードメイカー。

WEBサイトの修正完了!お客様へ報告だ!

ふぅ〜。ねこじゃら商事さんのWebサイトのページ修正が終わったにゃ!すぐに担当のまたたびさんに報告しにゃいと!
またたびさん!今回の修正もバッチリ完了したのでご確認いただけますかにゃ?
ありがとうございます!すぐに確認してまた連絡しますね!

…5分後。

にゃんぺろうさん!修正をお願いした前の状態から何も変わってないのですが。直していただいたんですよね?
にゃんですって!!も、申し訳ありませんにゃ!す、す、すぐに確認します!
うーん、お、おかしいにゃ。。。ぼくパソコンの画面だとちゃんと修正されてるにゃ。。。

にゃんでもウェブのウェブサイトの更新をしたはずが、担当のまたたびさんから編集前の状態と何も変わってないと指摘を受けてしまったにゃんぺろう。
実はこの状況、実際にもよく起こる症状だったりするのです。

にゃんぺろうさん、そんなにへこたれてどうしたんですか?!困りごとならわたしが相談に乗りますよ!
あっ!大塚さん!にゃんでもウェブのページの更新をしたはずなのに、またたびさんの画面では何も変わってないのですにゃ。。。
ははーん!それはブラウザのキャッシュが原因ですね!またたびさんのブラウザで「強制再読み込み」か「キャッシュクリア」を試してみてみてください!
り、了解ですにゃ!すぐに試してまたたびさんに伝えて試してみるにゃ!

システム課の大塚くんが教えてくれた通り、更新したはずなのに正常に表示されない場合はブラウザがキャッシュを保持してしまっている可能性が大です。
そんな時はまず「強制再読み込み」。それでも解決しなければ「キャッシュクリア」を試してみましょう!

強制再読み込みの方法

WINDOWSの場合の操作

Internet Explorer Ctrl+F5、Ctrl+更新
Microsoft Edge Ctrl+R
Google Chrome Shift+F5
Safari Ctrl+R、Ctrl+Shift+R、Shift+更新
Firefox Ctrl+F5

MACの場合の操作

Google Chrome command+Shift+R
Safari Shift+更新
Firefox command+Shift+R

キャッシュクリアの方法

Internet Explorer
ブラウザのメニューをクリックし、「ツール」の中にある「インターネットオプション」を押す。その中の「全般」タブの「閲覧の履歴」にある「削除」ボタンをクリック。

Google Chrome
ブラウザのメニューをクリックし、「履歴」のタブから「履歴」をクリックする。「閲覧履歴データを消去する」を押し、「キャッシュされた画像とファイル」にチェックを入れて「データ消去」をクリック。
※ブラウザのバージョンによって若干設定方法が違いますのでご注意ください。

Firefox
ブラウザのメニューをクリックし、「履歴」を押すと出てくる「最近の履歴を消去」をクリックし「今すぐ消去」をクリック。

表示を確認してみよう

おおっ!ちゃんと表示されました!私のブラウザキャッシュが過去の情報を持ってしまっていたのですね。
解決できて安心しました!また何かあればいつでもご連絡くださいですにゃ!

インターネット閲覧時に、情報を保持して表示を高速化してくれるキャッシュですが、このようなページの編集時には以前の情報が表示されてしまうこともあります。
このようなケースの場合、ぜひ上記の方法を試してみてください。

にゃんぺろうさん、その笑顔は解決したのですね!何があってもへこたれないでください!私もいつでも相談に乗りますよ!!
大塚さんありがとう!勉強になったにゃ!チームワークって大事だにゃー!

えっ!?まだスマホで見にくいんですか?スマホ最適化リノバスなら標準仕様です。ウェブ制作会社にお困りなら今すぐチェック