PHPを介してファイル内のJSおよびCSSキャッシュを変更する方法

Web サイトが開発を続けるにつれて、Web サイト内の JS および CSS ファイルを更新する必要が生じることがよくあります。しかし、ブラウザにはキャッシュ メカニズムがあることは誰もが知っているため、ユーザーが Web サイトを閲覧すると、新しい JS および CSS ファイルは更新されず、古いファイルが使用され続けるため、キャッシュされるまでに長い時間がかかります。これは、Web サイトのユーザー エクスペリエンスに影響します。では、この問題をどうやって解決すればいいのでしょうか？今日、この記事では、ユーザーが Web サイトにアクセスするときに最新の JS および CSS ファイルを使用できるように、PHP を介してファイル内の JS および CSS キャッシュを変更する方法を紹介します。

キャッシュとは何ですか?

ファイル内の js および css キャッシュを変更する方法を紹介する前に、キャッシュとは何かを理解する必要があります。キャッシュとは、次回情報が必要になったときにより迅速にアクセスできるように、要求されたデータを一時的にローカルに保存することを指します。キャッシュの最大の利点は、サーバーの負荷が軽減され、Web サイトのパフォーマンスが向上することです。ただし、キャッシュが不足していると、ブラウザーが最新バージョンではなく期限切れのファイルを使用する可能性があります。そのため、ファイル内の js および css キャッシュを変更する必要があります。

js と css のキャッシュを変更する

ただし、js と css のキャッシュを変更する前に、HTTP ステータス コードの基本的な知識を理解する必要があります。 HTTP ステータス コードは、リクエストの結果をクライアントに伝えるために使用される 3 桁の数値コードです。このうち、HTTP 200 はリクエストが成功したことを意味し、HTTP 304 はリソースがまだ更新されていないことを意味します。ブラウザで新しい JS および CSS ファイルを使用できるようにするには、HTTP ステータス コードを変更して、ファイルを毎回再度リクエストする必要があることをブラウザに伝える必要があります。

バージョン番号の追加

最初に必要なのは、js および css コードの末尾にバージョン番号を追加することです。更新すると、それに応じてバージョン番号が変更され、ブラウザはバージョン番号の変更に応じてファイルを再リクエストします。ここでのバージョン番号は、タイムスタンプまたは任意に定義された文字列です。

<link rel="stylesheet" href="/css/main.css?v=xxx" type="text/css">
<script src="/js/main.js?v=xxxx"></script>

php を使用してファイル キャッシュを変更する

ファイル キャッシュを変更するには、主に 2 つの方法があります。php ヘッダー情報を使用する方法と、htaccess ファイルを使用する方法です。

php ヘッダー情報を使用する

#php の header() 関数で http ヘッダー情報を設定できます。 header() 関数を使用して、キャッシュ コントロール、プラグマ (プロトコル)、および Expires (絶対有効期限) の http ヘッダー情報を設定して、ブラウザーにキャッシュしないように指示できます。

// 设置js和css文件不缓存
header('Cache-Control:no-cache,must-revalidate');
header('Pragma:no-cache');
header('Expires:0');

htaccess ファイル経由

htaccess は Apache Web サーバーの設定に使用される設定ファイルで、htaccess ファイルの内容を変更することでキャッシュを変更できます。 .htaccess ファイルの後に次のコードを追加すると、ブラウザーはファイルを再要求します:

<IfModule mod_expires.c>
  ExpiresActive on
  ExpiresDefault "access plus 1 year"
</IfModule>

要約

この記事では、キャッシュとは何か、および PHP を介してキャッシュを使用する方法について学びました。ファイル内の js および css キャッシュを変更して、ブラウザーのキャッシュの問題を解決します。 PHP ヘッダー情報と htaccess ファイルを使用してキャッシュを変更する 2 つの方法を紹介しました。このようにして、将来の Web サイト開発プロセスでキャッシュの問題をより適切に解決し、Web サイトの操作効率とユーザー エクスペリエンスを向上させることができます。

以上がPHPを介してファイル内のJSおよびCSSキャッシュを変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。