HTTP キャッシュを使用してサイトの読み込みを最適化する
プログラミング

HTTP キャッシュを使用してサイトの読み込みを最適化する

By Hervé , on 25 6月 2024 , updated on 3 7月 2024 - 1 minute to read
Partager cet article :

HTTP キャッシュで Web サイトの読み込み速度を最適化します。この重要なテクニックがサイトのユーザー エクスペリエンスと SEO をどのように向上させるかをご覧ください。 HTTP キャッシュの最新のイノベーションをマスターして、最適な Web パフォーマンスを確保します。ガイドに従って、数回クリックするだけでスムーズで応答性の高いナビゲーションをユーザーに提供します。

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

そこには HTTPキャッシュ 以前に受信したデータ、より正確には HTTP 応答メッセージをローカルに保存することで構成されます。キャッシュ システムは、これらのメッセージの保存、取得、削除を制御します。

クライアントがリソースを取得するために HTTP リクエストを行うと、サーバーはリクエストされたリソースを HTTP レスポンスで返します。その後、ブラウザはこの応答をローカル キャッシュに保存できます。したがって、同じリソースに対して後続のリクエストを行う場合、ブラウザはローカルに保存された応答を使用できるため、サーバーへの不必要なラウンドトリップが回避され、ページの読み込み速度が向上します。

HTTPキャッシュの種類

User viewing different pages with cached HTTP responses.

HTTP キャッシュには主に 2 つのタイプがあります。 プライベートキャッシュ そしてその 共有キャッシュ

プライベートキャッシュ: プライベート キャッシュは、単一ユーザーのブラウザに固有です。各ユーザーは独自の検索履歴と HTTP 応答のコピーを持っています。

共有キャッシュ: 共有キャッシュは複数のユーザーによって使用され、通常はプロキシ レベルなどのより高いレベルで実装されます。これにより、複数のユーザーに同じ HTTP 応答が提供されるため、帯域幅が節約されます。

どのような種類の応答をキャッシュできますか?

答えは 隠せる 今後のリクエストに応答するために、HTTP 応答メッセージのコピーをキャッシュに保存できるかどうか。キャッシュされた応答の一般的な形式は次のとおりです。

  • 200 (OK) クエリ応答 得る
  • 永続的なリダイレクト
  • 404 (見つからない) エラー
  • 部分コンテンツ 206 (部分コンテンツ)

キャッシュ エントリのコンポーネント

Diagram showing multiple HTTP requests and responses with cache keys.

各キャッシュ エントリは、 キャッシュキー 同じキーを使用した以前のリクエストに対応する 1 つ以上の HTTP レスポンス。マスター キャッシュ キーは、リクエスト メソッドとターゲット URI (Uniform Resource Identifier) を組み合わせます。ただし、実際には、多くのキャッシュはキーとして URI のみを使用するように制限されています。

リクエストのターゲットがコンテンツ ネゴシエーションの対象である場合、そのキャッシュ エントリには、二次キーによって区別される複数の応答が含まれる場合があります。

キャッシュの有効期間を管理する

そこには 一生 または 鮮度 キャッシュの有無は重要な側面です。期間が短すぎるとパフォーマンスの向上が損なわれる可能性があり、期間が長すぎるとユーザーが最近のドキュメントの更新にアクセスできなくなる可能性があります。

鮮度は次のように定義されます。

  • 指令 s-maxage

    共有キャッシュの場合

  • 指令 最大年齢
  • ヘッダー 有効期限が切れます
  • これらのいずれも利用できない場合のヒューリスティックな存続期間

有効期限が切れると、応答は「古い」とみなされ、キャッシュはまだ使用できるかどうかをサーバーに確認する必要があります。

キャッシュの動作を制御する

Clear diagram showing cachecontrol directives for request and response mechanisms.

ヘッダーフィールド


キャッシュ制御

リクエストとレスポンスのキャッシュメカニズムのディレクティブを指定できます。標準的なガイドラインの一部を次に示します。

  • キャッシュ制御: max-age

    : リソースの有効期間

  • キャッシュ制御: キャッシュなし

    : サーバーによる検証を強制します

  • キャッシュ制御: ストアなし

    : キャッシュを防止します

  • キャッシュ制御: パブリック

    : 任意のキャッシュによるキャッシュを許可します

  • キャッシュ制御: プライベート

    : キャッシュを現在のユーザーに制限します

Web サイトの HTTP キャッシュ構成を最適化することで、Web サイトのパフォーマンスを大幅に改善できます。 読み込み速度 そして、 ユーザー体験 優れた。キャッシュにより帯域幅の消費が削減され、サーバー リソースの効率が向上します。これは、パフォーマンスを最大化したい電子商取引サイトにとって不可欠な資産です。

  • この素晴らしい世界に祝福を!11 大魔法使いの妹 (角川スニーカー文庫)
    Binding : Taschenbuch, medium : Taschenbuch, ISBN : 4041049938
  • フランス人は10着しか服を持たない~パリで学んだ“暮らしの質を高める秘訣~
    Binding : Taschenbuch, medium : Taschenbuch, ISBN : 4479782990
  • 日本の歴史366 (頭のいい子を育てるジュニア)
    Binding : Gebundene Ausgabe, medium : Gebundene Ausgabe, ISBN : 4074447258
アバター

Hervé

Comments

Leave a comment

Your comment will be revised by the site if needed.