キャッシュの問題

問題

サイトをサーバーにアップロードすると、正しく表示されず、スタイルの変更や画像の一部に最新バージョンが表示されません。

なぜこれが起こるのか

これは、ブラウザキャッシュと呼ばれるものが原因です。 ブラウザのキャッシュは、ブラウザによってダウンロードされたファイルをWebサイトに表示するための、コンピュータ上の一時的な保存場所です。 HTMLファイル、CSSスタイルシート、JavaScriptスクリプト、グラフィック画像、その他のマルチメディアコンテンツなど、ローカルにキャッシュされるファイル。 キャッシュは、ユーザー側とサーバー側の両方で帯域幅の使用量を削減するために使用され、ページの読み込みを高速化します。 ブラウザキャッシュは、インターネット接続が遅いか制限されている場合に特に便利です。

場合によっては、キャッシュされたバージョンのWebサイトが問題を引き起こす可能性があります。たとえば、最後にキャッシュしてからサイトが更新された場合でも、ブラウザーが新しいコピーをダウンロードしない場合です。 ブラウザのキャッシュは、多くのWebサイト関連の問題の中心にあります。

ソリューション

この問題を修正する最も簡単な方法は、 キャッシュバスティングエクスポートオプション プロジェクトをエクスポートするとき。 キャッシュバスティングを有効にすると、サイト内で使用されるCSSファイルとJSファイルのファイルパスに一意のサフィックスが追加されます。 新しいサイトがホストされると、これらのサフィックスにより、訪問者のブラウザはサーバーからコードを再ロードし、リソースの新しいキャッシュバージョンを作成します。

それでもキャッシュの問題が発生する場合は、ブラウザでページを強制的に再読み込みすることをお勧めします。

サファリ

ホールド キーを押してツールバーの[再読み込み]ボタンを押すか、キーボードショートカットを使用します ⌘+⌥+ R.

ChromeとFirefox

ホールド キーを押してツールバーの[再読み込み]ボタンを押すか、キーボードショートカットを使用します ⌘+⇧+ R.

13年2019月XNUMX日に更新

この記事は役に立ちましたか?

関連記事