名古屋のWebマーケティング企業「アライブ株式会社」のマーケティングブログ

052-684-5558

Marketing Blog マーケティングブログ

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

2019/12/16 | Webサイト制作

榊原 淳子

Writer榊原 淳子

Assistant Director

はじめに

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

みなさん、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)のキャッシュ削除方法をご紹介していきます。

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

 

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

榊原 淳子

Writer榊原 淳子

Assistant Director ブログ プロフィール

大学・大学院では、さまざまなメディアを用いた芸術表現を学びながら作品制作を行なう。自主的な展覧会や卒業制作などでディレクションや広報を担当した際、集客のための戦略を練ることに楽しさを感じるようになり、マーケティング×デザインを強みとするアライブへの入社を決意。クライアントに寄り添えるようなディレクターになるため、日々奮闘中。

大学・大学院では、さまざまなメディアを用いた芸術表現を学びながら作品制作を行なう。自主的な展覧会や卒業制作などでディレクションや広報を担当した際、集客のための戦略を練ることに楽しさを感じるようになり、マーケティング×デザインを強みとするアライブへの入社を決意。クライアントに寄り添えるようなディレクターになるため、日々奮闘中。

Latest Posts

AIを活用するにしても、今の中小企業には○○○が圧倒的に足りない
2020.01.20

AIを活用するにしても、今の中小企業には○○○が圧倒的に...

「未経験者が数ヶ月でデザイナーになれる」は本当?
2020.01.17

「未経験者が数ヶ月でデザイナーになれる」は本当?

Latest Posts

AIを活用するにしても、今の中小企業には○○○が圧倒的に足りない
2020.01.20

AIを活用するにしても、今の中小企業には○○○が圧倒的に...

「未経験者が数ヶ月でデザイナーになれる」は本当?
2020.01.17

「未経験者が数ヶ月でデザイナーになれる」は本当?

© ALIVE Co.,Ltd.