Apache によるサーバー側 CSS ファイル キャッシュの防止

Web サイトを開発する場合、訪問者が最新バージョンのキャッシュの問題を防ぐための CSS ファイル。この記事では、Apache がリソースをキャッシュするかどうかという問題に対処し、特にページをリロードしても CSS の変更がブラウザに反映されないシナリオに遭遇した場合に、キャッシュをキャッシュしないようにするための解決策を提供します。

Apache がリソースをキャッシュするというのは本当ですか?

はい、Apache は CSS ファイルなどのリソースをキャッシュして、ページの読み込み時間を短縮できます。この動作は主に、さまざまなファイル タイプの有効期限を指定する mod_expires モジュールによって制御されます。 Apache がサーバー上に CSS ファイルをキャッシュしているかどうかを確認するには、次の手順を使用できます。

1. コマンド プロンプトまたはターミナル ウィンドウを開きます。
2. Apache 構成ディレクトリに移動します (通常は/etc/apache2).
3. public_html ディレクトリの .htaccess ファイルを編集します。
4. 次のコードを追加します:

ExpiresActive On
ExpiresDefault "access plus 0 seconds"
ExpiresByType text/css "access plus 0 seconds"

5. ファイルを保存し、Apache を再起動します。
6. ブラウザを開いてページを更新します。 CSS ファイルが更新されている場合は、変更がすぐに表示されます。

Apache が CSS ファイルをキャッシュしないようにするにはどうすればよいですか?

Apache がキャッシュしないようにするにはCSS ファイルの場合、CSS ファイルの有効期限を 0 秒などの短い期間に設定できます。こうすることで、ブラウザはキャッシュされたバージョンを使用するのではなく、常に最新バージョンの CSS ファイルをサーバーから取得するようになります。その方法は次のとおりです:

1. public_html ディレクトリで .htaccess ファイルを見つけます。
2. 次の行を追加します:

ExpiresByType text/css "access plus 0 seconds"

3. ファイルを保存し、Apache を再起動します。

または、クエリ文字列を使用して、ブラウザに毎回 CSS ファイルを強制的にリロードすることもできます。それは要求されます。たとえば、CSS リンクを次のように変更できます:

CSS ファイルを更新するときは、v パラメータの値を増やして再読み込みを強制します。