Webサイトを更新したのに反映されない？それ、キャッシュが原因かも…【PC編】

はじめに

こんにちは、デザインチームの榊原です。

みなさん、Webサイト（ホームページ）の修正をしたのに「反映されてない」「デザインが崩れている」という経験はありませんか？

 

それは、もしかしたらブラウザ*の便利機能である「キャッシュ」が原因かもしれません。

今回は、そんなキャッシュについてのご説明と、削除方法についてご紹介していきます。

 

*ブラウザ：Google ChromeやSafari、Internet Explorerなどのインターネットを閲覧するアプリケーションのことを指します。

 

 

そもそもキャッシュってなに？

みなさん、一度閲覧したWebページに再度アクセスしたときに、初回よりスムーズにページが表示されませんか？

 

私たちがインターネット閲覧の際に使用しているブラウザは、Webページをスムーズに表示するために、過去に一度アクセスしたページのデータを一時的に保存して、読み込み時間を短くしています。

 

しかし、キャッシュはWebサイトのリニューアルや修正において、弊害となることが多々あります。では、わかりやすいように具体的な例を挙げていきましょう。

 

 

キャッシュが原因で修正確認がスムーズにいかない！

Webサイトのリニューアルや一部修正をしてお客様のチェックをいただく際に、時々こんなことが起こります。

Web修正をしてもキャッシュが残っていると以前と変わらぬページが表示されてしまったり、以前の新しいソースと古いソースが混在して、デザインが崩れることがあります。

これは、キャッシュが残っているために起こる現象で、バグや修正ミスではありません。

 

これを解消するには、パソコンに残っているキャッシュを更新するか、削除しなければなりません。

 

対処法として、まずは「スーパーリロード（強制再読み込み）」を行い、

それでもダメなら「キャッシュの削除（クリア）」を行なってみましょう。

 

 

スーパーリロード or キャッシュ削除でサクサク修正確認！

まずはスーパーリロード（強制再読み込み）を実行！

通常のリロード（更新）では、修正したテキストは反映されても、一部の画像が反映されないことがあります。

しかし、スーパーリロード（強制再読み込み）では、ブラウザのキャッシュを無視して、Webから最新のデータを読み込むことができます。

キーボードのショートカットキーで簡単にできる対処法なので、まずはスーパーリロードをお試しください。

 

Windows OS のブラウザ別スーパーリロード方法

 

Mac OS のブラウザ別スーパーリロード方法

 

キャッシュ削除で確実に修正・変更点を確認！

スーパーリロード（強制際読み込み）でも解決できない場合は、キャッシュを削除（クリア）してみましょう。

 

Microsoft Edge のキャッシュクリアの方法

1. ブラウザの右上にある[ … ]（詳細）をクリック

2. 表示されたメニューから[設定]をクリック

3. 設定画面の右タブから「プライバシーセキュリティ」をクリック

4. 「閲覧データのクリア」の欄から[クリアするデータの選択]をクリック

5. [キャッシュされたデータとファイル]にチェックを入れて、[クリア]をクリック

以上で削除完了です！

 

 

 

 

Internet Explorer 9〜11 のキャッシュクリアの方法

1. ブラウザ画面の上にあるメニューバーから[ツール]をクリック

2. 表示されたメニューから[インターネットオプション]を開きます

3. 「全般」タブの「閲覧の履歴」の項目にある[削除]ボタンをクリック

4. [お気に入りWebサイトデータを保持する]のチェックを外し、
[インターネット一時ファイルおよびWebサイトのファイル]にチェックを入れた状態で
[削除]をクリック

以上で削除完了です！

 

 

 

Firefox のキャッシュクリアの方法

1. ブラウザの右上にある[ ≡ ]マークをクリック

2. 表示されたメニューから[オプション]をクリック

3. オプション画面のメニューから[プライバシーとセキュリティ]をクリック

4. 「Cookieとサイトデータ」にある[データを消去]をクリック

5. [ウェブコンテンツのキャッシュ]にチェックを入れ、[消去]をクリック

以上で削除完了です！

 

 

 

Google Chrome のキャッシュクリアの方法

1. ブラウザの右上にある[ ︙ ]マークをクリック

2. 表示されたメニューから[設定]をクリック

3. 設定画面の下部にある[詳細設定を表示…]をクリック

4. 「プライバシーとセキュリティ」の項目にある[閲覧履歴データの消去]をクリック

5. [キャッシュされた画像とファイル]にチェックを入れ、
[データを削除する] をクリック

以上で削除完了です！

 

 

 

★シークレットモードでも最新ページを表示

Google Chromeでは閲覧履歴の残らない「シークレットモード」を利用することで、キャッシュを無視してページを見ることができます。

 

▼ショートカットキーで簡単にシークレットモードに切り替え

 

▼ブラウザ上の操作でシークレットモードに切り替え

 

Safari のキャッシュクリアの方法

1. ブラウザ画面の上にあるメニューバーから[Safari]をクリック

2. メニューから[環境設定]をクリック

3. 環境設定画面から「詳細」のタブをクリック

4. [メニューバーに“開発”メニューを表示]にチェックを入れる

5. メニューバーに追加された[開発]をクリック

6. [キャッシュを空にする]をクリック

以上で削除完了です！

 

 

 

 

まとめ

次回は、スマートフォン（iPhone、Android）のキャッシュ削除方法をご紹介していきます。

「あれ？更新されてないな？」「なんでデザインが崩れてるんだ？」と疑問に思ったら、ぜひスーパーリロードやキャッシュ削除をお試しください。

 

関連ブログ：ホームページ制作で起きるトラブル事例と対策