課題
サイトをサーバーにアップロードすると、正しく表示されず、スタイルの変更や画像の一部に最新バージョンが表示されません。
なぜこれが起こるのか
これは、ブラウザキャッシュと呼ばれるものが原因です。 ブラウザのキャッシュは、ブラウザによってダウンロードされたファイルをWebサイトに表示するための、コンピュータ上の一時的な保存場所です。 HTMLファイル、CSSスタイルシート、JavaScriptスクリプト、グラフィック画像、その他のマルチメディアコンテンツなど、ローカルにキャッシュされるファイル。 キャッシュは、ユーザー側とサーバー側の両方で帯域幅の使用量を削減するために使用され、ページの読み込みを高速化します。 ブラウザキャッシュは、インターネット接続が遅いか制限されている場合に特に便利です。
場合によっては、キャッシュされたバージョンのWebサイトが問題を引き起こす可能性があります。たとえば、最後にキャッシュしてからサイトが更新された場合でも、ブラウザーが新しいコピーをダウンロードしない場合です。 ブラウザのキャッシュは、多くのWebサイト関連の問題の中心にあります。
ソリューション
この問題を修正する最も簡単な方法は、 キャッシュバスティングエクスポートオプション プロジェクトをエクスポートするとき。 キャッシュバスティングを有効にすると、サイト内で使用されるCSSファイルとJSファイルのファイルパスに一意のサフィックスが追加されます。 新しいサイトがホストされると、これらのサフィックスにより、訪問者のブラウザはサーバーからコードを再ロードし、リソースの新しいキャッシュバージョンを作成します。
それでもキャッシュの問題が発生する場合は、ブラウザでページを強制的に再読み込みすることをお勧めします。
Safari
ホールド ⌥ キーを押してツールバーの[再読み込み]ボタンを押すか、キーボードショートカットを使用します ⌘+⌥+ R.
ChromeとFirefox
ホールド ⇧ キーを押してツールバーの[再読み込み]ボタンを押すか、キーボードショートカットを使用します ⌘+⇧+ R.