Nginx キャッシュ クリーニング構成、Web サイトの静的リソースの更新を最適化する
はじめに:
Web サイトの開発プロセスでは、CSS、JavaScript、画像などの静的リソースが頻繁に更新されます。ただし、ブラウザのキャッシュ メカニズムにより、訪問者は静的リソースの最新バージョンをすぐに取得できない場合があります。この問題を解決するには、キャッシュ クリーニング構成に Nginx を使用して、Web サイトの静的リソースの更新を最適化します。
1. Nginx キャッシュ構成
まず、次の指示を Nginx 構成ファイル nginx.conf に追加して、キャッシュ関連の設定を構成する必要があります:
http { ... proxy_cache_path /path/to/cache levels=1:2 keys_zone=cache_zone:10m max_size=10g inactive=60m; ... server { ... location ~* .(css|js|png|jpg|jpeg|gif|ico)$ { expires 30d; add_header Pragma public; add_header Cache-Control "public"; proxy_cache cache_zone; proxy_cache_key $scheme$proxy_host$uri$is_args$args; proxy_cache_valid 200 301 302 404 1d; } ... } ... }
2. Nginx キャッシュ クリーニング設定
ウェブサイトの静的リソース ファイルを更新するとき、訪問者が最新の静的リソースを取得できるように、キャッシュ内の古いバージョンのファイルをクリアする必要があります。 。これを実現するには、次のコードを Nginx 構成ファイルに追加します。
http { ... proxy_cache_path /path/to/cache levels=1:2 keys_zone=cache_zone:10m max_size=10g inactive=60m; ... server { ... location /purge-cache { internal; proxy_cache_purge cache_zone "$scheme$proxy_host$uri$is_args$args"; } ... } ... }
3. コード例
Web サイトの CSS ファイルが http://example.com/static/css/style.css にあると仮定すると、次のコードを使用して、このファイル:
curl -X PURGE http://example.com/purge-cache/static/css/style.css
このリクエストにより、nginx はキャッシュ内の URL に対応するキャッシュ ファイルをクリアし、次回 URL にアクセスしたときにキャッシュが再生成されます。
結論:
Nginx キャッシュ クリーニングを構成することで、Web サイト上の静的リソースの更新を最適化できます。静的リソースを更新する場合、キャッシュをクリアするリクエストを送信するだけで済みます。これにより、訪問者は最新のリソース ファイルを取得し、Web サイトのパフォーマンスとユーザー エクスペリエンスを向上させることができます。
参考資料:
以上がNginx キャッシュ クリーニング設定、Web サイトの静的リソースの更新を最適化の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。