ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLキャッシュを設定する

HTMLキャッシュを設定する

王林
王林オリジナル
2023-05-15 15:56:371036ブラウズ

インターネットの発展に伴い、Web サイトへのアクセス数は増加し、ユーザーが Web サイトにアクセスするまでの時間もますます短くなり、Web サイトのパフォーマンスと速度に対する要求が高まっています。パフォーマンスの最適化を実現する 1 つの方法は、HTML キャッシュを設定することです。この記事では、HTML キャッシュとは何か、キャッシュが必要な理由、および HTML キャッシュの設定方法を紹介します。

1. HTML キャッシュとは

HTML キャッシュとは、Web ページのコンテンツをユーザーのブラウザのキャッシュに保存し、ユーザーが Web ページのコンテンツをフェッチする代わりに再取得する必要があるかどうかを制御することです。毎回 Web からサーバーから取得します。つまり、ユーザーが初めて Web ページにアクセスすると、Web サーバーはそのコンテンツをユーザーのブラウザに転送します。ユーザーがそのページに再度アクセスすると、ブラウザはキャッシュを確認します。ページのコピーが存在する場合は、の場合、ブラウザーは Web サーバーにリクエストを再度送信する代わりに、キャッシュからページ コンテンツを取得してから直接コピーします。

2. HTML キャッシュが必要な理由

  1. Web サイトのパフォーマンスと速度の向上

キャッシュは間違いなく効果的なパフォーマンス最適化方法であり、HTML キャッシュの量を削減します。ネットワークを通過する時間 ページの読み込みを速くするためにデータがフェッチされる頻度。

  1. サーバーの負荷を軽減します

Web サーバーが複数のユーザー要求を処理する場合、キャッシュを有効にするとサーバーは多くのリソースを節約できるため、サーバーの負荷が軽減されます。サーバーを強化し、Web サイトのスケーラビリティを向上させます。

  1. ネットワーク帯域幅の使用量を削減する

キャッシュを有効にすると、データ送信の数を減らし、ネットワーク帯域幅の使用量を減らすことができるため、次のような問題に適切に対処できます。アクセス数が多い状態。

3. HTML キャッシュの設定方法

キャッシュを設定するときは、HTTP 応答ヘッダーにキャッシュ コントロール フィールドを追加する必要があります。次の HTTP 応答ヘッダーについて詳しく説明します。

  1. Expires
#Expires ヘッダーは、ページの有効期限がいつ切れるかをブラウザに伝えます。この時間は、Web サーバーから返される将来の絶対日時である必要があります。ブラウザ。

たとえば、次のステートメントはキャッシュ期間を 1 時間に設定します:

Expires: Thu, 21 Sep 2023 19:20:39 GMT

    Cache-Control
エントリをキャッシュするための Cache-Control ヘッダーこのメソッドは Web サーバーのキャッシュ管理オプションを提供し、クライアント、プロキシ サーバー、および Web サーバーがページをキャッシュする方法、ページを保存する方法、およびキャッシュされる期間を制御できるようにします。

たとえば、次のステートメントは、リクエストを 3 時間キャッシュできることをブラウザーに伝えます:

Cache-Control: max-age=10800

    Last-Modified
Last-Modified Web サーバーによって送信されます。HTTP 応答ヘッダーは、サーバー上のリソース (ドキュメント、画像など) の最終変更時刻をブラウザーに伝えるために使用されます。今回は、ページや画像などをいつキャッシュから削除するかをブラウザーに伝えるだけです。

例:

Last-Modified: Thu, 12 Dec 2019 03: 15: 02 GMT

    ETag
ETag は、Web サーバー上のリソースの使用をサポートするために Web サーバーによって送信される HTTP 応答ヘッダーです。 . 変更時にキャッシュ検証が行われます。 HTTP リクエスト中に、ブラウザはこの ETag を送信し、最後に変更されたバージョンをサーバーに通知します。これにより、サーバーは検証して唯一の新しいバージョンを返すことができます。

例:

ETag: "1234abcd"

Web 開発者は、次の点に注意する必要があります:

    動的ページはキャッシュすべきではありません。
  1. サイトが別のサーバーに移動されるとキャッシュが無効になるため、キャッシュを特定の IP アドレスにリンクしないでください。
  2. Web サーバーは、HTTP 応答ヘッダー (HTTP 応答ヘッダー) を送信して、キャッシュの有効期限が切れたときをブラウザーに通知する必要があります。
  3. 暗号化またはセキュリティ情報を含む Web ページはキャッシュしないでください。
一般的に、HTML キャッシュは Web サイトのパフォーマンスと速度を向上させる効果的な方法ですが、最良の結果を達成するには、実際のニーズに応じて適切なキャッシュ ルールを設定する必要があります。同時に、キャッシュの障害による情報漏洩などのセキュリティ上の問題を避けるために、キャッシュの設定には注意する必要があります。

以上がHTMLキャッシュを設定するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。