ホームページ >運用・保守 >Nginx >nginxでブラウザキャッシュを構成するにはどうすればよいですか?

nginxでブラウザキャッシュを構成するにはどうすればよいですか?

Johnathan Smith
Johnathan Smithオリジナル
2025-03-17 16:58:29841ブラウズ

nginxでブラウザキャッシュを構成するにはどうすればよいですか?

nginxでブラウザキャッシュを構成するには、nginx構成ファイルを変更する必要があります。通常、これには、構成のhttpserver 、またはlocationブロックにディレクティブを追加することが含まれます。これが段階的なガイドです:

  1. nginx構成ファイルを開く:システムに応じて、メインのnginx構成ファイルは、 /etc/nginx/nginx.conf /nginx.confにあるか、 /etc/nginx/sites-available/ directory内にあることがよくあります。
  2. ブラウザキャッシュ指令を追加:適切なブロックで、次のディレクティブを追加して、ブラウザキャッシュを有効にします。

     <code class="nginx">location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ { expires 30d; add_header Cache-Control "public, no-transform"; }</code>

    この例では、通常は静的資産である指定された拡張機能を備えたファイルの30日間の有効期限を設定します。希望するキャッシュ寿命を設定するために、 expires指令を調整します。

  3. 構成をテストします:nginxを再起動する前に、構文エラーの構成をテストします。

     <code class="sh">sudo nginx -t</code>
  4. nginxを再起動:テストが成功した場合、nginxを再起動して変更を適用します。

     <code class="sh">sudo systemctl restart nginx</code>

    または

    <code class="sh">sudo service nginx restart</code>

これらの手順に従うことにより、Nginxの静的資産のブラウザキャッシュを構成します。

Nginxでブラウザキャッシュを有効にすることの利点は何ですか?

nginxでブラウザのキャッシュを有効にすると、いくつかの重要な利点があります。

  • サーバーの負荷の削減:クライアント側に静的資産をキャッシュすることにより、サーバーはこれらのファイルのリクエストを受け取ります。
  • ページの読み込み時間が高くなる:キャッシュされたファイルは、サーバーからフェッチされるのではなく、ユーザーのブラウザから直接読み込まれ、ページの読み込み時間が高くなり、ユーザーエクスペリエンスが向上します。
  • 帯域幅の節約:静的資産はローカルに保存されるため、ネットワーク上で転送されるデータの量が減少し、帯域幅の節約につながる可能性があります。
  • スケーラビリティの向上:リクエストが少ないため、サーバーの負荷が削減されると、NGINXサーバーはより多くの同時接続を処理し、より多くのユーザーに効率的にサービスを提供できます。
  • SEOパフォーマンスの向上:ページの速度が検索エンジンアルゴリズムの要因であるため、ページの読み込み時間が高くなると、サイトの検索エンジンのランキングが改善されます。

全体として、Nginxでブラウザキャッシュを有効にすることは、Webアプリケーションのパフォーマンス、効率、スケーラビリティを向上させる簡単な方法です。

ブラウザキャッシュがNginxで正しく機能しているかどうかを確認するにはどうすればよいですか?

ブラウザキャッシュがNginxで正しく動作しているかどうかを確認するには、次の手順に従うことができます。

  1. HTTP応答ヘッダーを確認するcurlやブラウザの開発者ツールなどのツールを使用して、静的資産のHTTPヘッダーを検査します。

     <code class="sh">curl -I https://example.com/static/image.jpg</code>

    Cache-Controlを探して、ヘッダーのExpires 。それらがあなたのnginx構成に従って設定されている場合、それはキャッシュが機能していることを示します。

  2. ブラウザ開発者ツールを使用:ブラウザでWebサイトを開き、開発者ツールの[ネットワーク]タブに移動し、ページを更新します。静的資産のステータスコードとヘッダーを見てください。キャッシュされたファイルには、最後のリクエスト以降ファイルが変更されていないことをサーバーが確認した場合、「200 OK(ディスクキャッシュから)または「304変更されていない」などのステータスコードが必要です。
  3. さまざまなブラウザーでテスト:キャッシュ動作が異なるブラウザ全体で一貫していることを確認して、互換性を確保します。
  4. 静的資産の変更:画像やCSSファイルの更新など、静的資産に小さな変更を加え、ブラウザがすぐに新しいバージョンを取得するかどうかを確認します。ブラウザが有効期限までキャッシュバージョンを使用する場合、キャッシュは予想どおりに機能します。

これらの手順に従うことにより、NGINXセットアップでブラウザキャッシュが正しく機能しているかどうかを確認できます。

Nginxのキャッシュの有効期限設定をどのくらいの頻度で更新する必要がありますか?

Nginxのキャッシュの有効期限設定を更新する頻度は、特定のユースケースとコンテンツの性質によって異なります。一般的なガイドラインは次のとおりです。

  • 静的資産:頻繁に変更されない画像、CSS、JavaScriptファイルなどの静的資産の場合、長い有効期限(30日以上)を設定し、おそらく主要なサイトの更新または再設計中に設定をまったく更新できます。
  • 動的なコンテンツ:プロモーションバナーや季節のグラフィックなど、より頻繁に変更される資産の場合、ユーザーが最新のバージョンを確認するために、おそらく毎週または毎月の有効期限設定をより頻繁に調整する必要があります。
  • バージョン制御:ファイル名でバージョン化を実装する(例: style.v1234.cssなど)、更新されたコンテンツを提供しながら、長いキャッシュの有効期限を維持できます。バージョン化戦略を変更する場合にのみ、キャッシュの有効期限設定を更新する必要があります。
  • パフォーマンス監視:ウェブサイトのパフォーマンスとユーザーエクスペリエンスメトリックを定期的に監視します。キャッシュに関連する問題(例えば、キャッシュミスによる古いコンテンツまたは遅いページのロード)に気付いた場合、それに応じて有効期限設定を調整する必要があるかもしれません。
  • コンテンツ戦略の変更:コンテンツ戦略が変更された場合、より頻繁な更新に移行したり、コンテンツリリースが頻繁ではないようにシフトするなど、これらの変更に合わせてキャッシュの有効期限設定を調整する必要があります。

一般的に、数か月ごとにキャッシュの有効期限の設定を確認するか、サイトに大幅な変更が発生した場合に、パフォーマンスとユーザーエクスペリエンスの目標を効果的に提供し続けることをお勧めします。

以上がnginxでブラウザキャッシュを構成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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