ホームページ > 記事 > ウェブフロントエンド > キャッシュされた CSS データを強制的に更新する方法: クエリ文字列とファイル名の変更?
Web サイトの CSS を更新すると、ブラウザーは古いバージョンをキャッシュし続けるため、レンダリングの問題が発生する可能性があります。この記事では、キャッシュされた CSS を強制的に更新するいくつかの方法について説明します。
キャッシュの問題を解決するには、次のオプションを検討してください。
何を達成しようとしているのか?
理想的なキャッシュ動作には、最初にリクエストされたときに新しいリソースを取得して取得することが含まれます。その後、有効期限が切れるまでローカル キャッシュから保存されます。
観察されたキャッシュ動作
ブラウザのキャッシュ動作を理解するために、表にさまざまなシナリオとその観察結果をまとめます。
Type | Cache Headers | Observed Result |
---|---|---|
Static filename | Expiration 1 Year | Taken from cache |
Static filename | Expire immediately | Never caches |
Static filename | None | HTTP 304 (not modified) |
Static query string | Expiration 1 Year | HTTP 304 (not modified) |
Static query string | Expire immediately | HTTP 304 (not modified) |
Static query string | None | HTTP 304 (not modified) |
Random query string | Expiration 1 Year | Never caches |
Random query string | Expire immediately | Never caches |
Random query string | None | Never caches |
クエリ文字列
ランダム パラメータを CSS URL に追加すると、新しい HTTP 200 リクエストが強制的に行われますが、これは最初の遭遇時のみです。後続のリクエストでも 304 が返される可能性があります。
パスの変更
新しいパスを作成すると、より恒久的な解決策が得られます。バージョン番号または他の識別子を使用してパスを書き換えるプロセスを自動化できます。
ファイルの名前変更
別のアプローチでは、リリースごとに CSS ファイルの名前を変更し、新しいリクエストを確保します。更新されたパスが HTML で参照されるとき。
以上がキャッシュされた CSS データを強制的に更新する方法: クエリ文字列とファイル名の変更?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。