Share on facebook
Share on twitter
Share on linkedin

Blog

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

WEB・WordPress 制作について
Webサイトを更新したのに反映されない?それ、キャッシュが原因かも…【PC編】

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

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

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

Leave your thought here

メールアドレスが公開されることはありません。

Popular tags

1つのWEBサイトを作るのには、どれだけの時間がかかるもの? alt属性とは?画像検索の対策 business DTPデザイナーが陥りがちな残念なWebデザイン IT Security IT services ITで働き方改革!クラウド、テレワークの新しい仕事の形とは LP(ランディングページ)って何? Pythonでできることって何だろう? Pythonとは?大人気プログラミング言語のメリット Webサイトの制作って、なぜこんなに高いの?! Webサイトを更新したのに反映されない?それ、キャッシュが原因 Webサイトを更新したのに反映されない?それ、キャッシュが原因かも…【PC編】 Webデザイナーの1日・生活スタイル WEB制作の現場で使われる用語をご紹介 WordPress(ワードプレス)でのホームページ制作・ウェブサイト制作 WordPressのメリットとデメリット WordPressを使ったホームページ作成のメリットデメリット 「デザインお願いします」と言われてデザイナーは何を考えてデザインしているの? この修正、お金かかるんですか? なんて名前? WEBサイトの基本パーツ名と導入時の注意点! イメージコピーとセールスコピーの違い クリック率とCV数をUP!サイトの入り口を飾る「titleタグ」「meta description」とは? コロナ対策のためにネットショップを素早く開設しよう!ECサイト構築 ネットワークエンジニアとは?ネットワークエンジニアの仕事内容と将来性 ネットワークエンジニアになるには資格が必要?おすすめの資格 フリーランスのWebデザイナーが仕事を効率良くする方法とは? ブログで使っているその画像は本当に大丈夫? プログラマーとは?プログラマーの種類と将来性 ペルソナってなに? 〜WEBサイトのターゲット ホームページとウェブサイトの違い! ホームページを制作する目的の重要性 ホームページ作成に失敗しないための、制作料⾦の費⽤相場と Web制作ツール・制作業者選定のポイント ホームページ制作で起きるトラブル事例と対策 ホームページ制作と動画や写真撮影などを一社でまとめるメリット ホームページ制作に関する著作権 ホームページ制作の注意点 企業にとってのホームページの役割と運用目的を再確認 働きながらWebプログラミングスクールに通う方法 初心者でも簡単!無料でホームページ作成ができるソフト 危険!Wordpressの更新は制作会社にご依頼ください。 古いサイトは何故ダメなのか 在宅でできるWebデザインを副業にしよう♪初心者におすすめの仕事は? 画像はリサイズして使いましょう! 〜重いサイトにしないために 結果が出ないホームページの初歩的なミス
Select the fields to be shown. Others will be hidden. Drag and drop to rearrange the order.
  • Image
  • SKU
  • Rating
  • Price
  • Stock
  • Availability
  • Add to cart
  • Description
  • Content
  • Weight
  • Dimensions
  • Additional information
  • Attributes
  • Custom attributes
  • Custom fields
Click outside to hide the compare bar
Compare
Compare ×
Let's Compare! Continue shopping