搜尋
首頁運維Nginx如何在NGINX中配置瀏覽器緩存?

如何在NGINX中配置瀏覽器緩存?

要在NGINX中配置瀏覽器緩存,您需要修改nginx配置文件。通常,這涉及在配置的httpserverlocation塊中添加指令。這是逐步指南:

  1. 打開NGINX配置文件:根據您的系統,主NGINX配置文件通常位於/etc/nginx/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>

    或者

    sudo service nginx restart

通過遵循以下步驟,您將在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-ControlExpires標題。如果根據您的NGINX配置設置它們,則表明緩存正在工作。

  2. 使用瀏覽器開發人員工具:在瀏覽器中打開您的網站,導航到開發人員工具中的“網絡”選項卡,然後刷新頁面。查看靜態資產的狀態代碼和標題。緩存文件應具有“ 200 OK(來自磁盤緩存)”或“ 304未修改”之類的狀態代碼,如果服務器確認自上次請求以來文件沒有更改。
  3. 使用不同的瀏覽器進行測試:驗證在不同瀏覽器中的緩存行為是否一致,以確保兼容性。
  4. 修改靜態資產:對靜態資產進行小更改,例如更新圖像或CSS文件,然後檢查瀏覽器是否立即獲取新版本。如果瀏覽器使用緩存版本直到到期時間為止,則緩存將按預期工作。

通過遵循以下步驟,您可以在NGINX設置中確認瀏覽器緩存是否正常運行。

我應該多久更新nginx中的緩存到期設置?

您應該更新NGINX中緩存到期設置的頻率取決於您的特定用例和內容的性質。以下是一些一般準則:

  • 靜態資產:對於不經常變化的靜態資產,例如圖像,CSS和JavaScript文件,您可能會設置長期到期期(例如,30天或更長時間),並且很少會在主要站點更新或重新設計中更新設置。
  • 動態內容:對於更頻繁地變化的資產,例如促銷橫幅或季節性圖形,您可能需要更頻繁地調整到期設置,甚至每週或每月一次,以確保用戶看到最新版本。
  • 版本控件:在文件名中實現版本控制(例如, style.v1234.css )可以使您可以在仍在提供更新的內容的同時保持長時間的緩存到期時間。如果您更改版本控制策略,則只需要更新緩存到期設置。
  • 性能監視:定期監視您網站的性能和用戶體驗指標。如果您注意到與緩存有關的問題(例如,由於緩存失誤而導致的過時內容或頁面加載緩慢),則可能需要相應地調整到期設置。
  • 內容策略更改:如果您的內容策略更改,例如朝著更頻繁的更新邁進或轉移到較少的內容版本中,則需要調整高速緩存到期設置以與這些更改保持一致。

通常,每隔幾個月或在您的網站發生重大更改時,可以審查您的緩存到期設置,這是一種很好的做法,以確保它們繼續為您的性能和用戶體驗有效地服務。

以上是如何在NGINX中配置瀏覽器緩存?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
使用NGINX單元:部署和管理應用程序使用NGINX單元:部署和管理應用程序Apr 22, 2025 am 12:06 AM

NGINXUnit可用於部署和管理多種語言的應用。 1)安裝NGINXUnit。 2)配置它以運行不同類型的應用,如Python和PHP。 3)利用其動態配置功能進行應用管理。通過這些步驟,你可以高效地部署和管理應用,提升項目效率。

NGINX與Apache:Web服務器的比較分析NGINX與Apache:Web服務器的比較分析Apr 21, 2025 am 12:08 AM

NGINX更适合处理高并发连接,而Apache更适合需要复杂配置和模块扩展的场景。1.NGINX以高性能和低资源消耗著称,适合高并发。2.Apache以稳定性和丰富的模块扩展闻名,适合复杂配置需求。

NGINX單元的優勢:靈活性和性能NGINX單元的優勢:靈活性和性能Apr 20, 2025 am 12:07 AM

NGINXUnit通過其動態配置和高性能架構提升應用的靈活性和性能。 1.動態配置允許在不重啟服務器的情況下調整應用配置。 2.高性能體現在事件驅動和非阻塞架構以及多進程模型上,能夠高效處理並發連接和利用多核CPU。

NGINX與Apache:性能,可伸縮性和效率NGINX與Apache:性能,可伸縮性和效率Apr 19, 2025 am 12:05 AM

NGINX和Apache都是強大的Web服務器,各自在性能、可擴展性和效率上有獨特的優勢和不足。 1)NGINX在處理靜態內容和反向代理時表現出色,適合高並發場景。 2)Apache在處理動態內容時表現更好,適合需要豐富模塊支持的項目。選擇服務器應根據項目需求和場景來決定。

終極攤牌:nginx vs. apache終極攤牌:nginx vs. apacheApr 18, 2025 am 12:02 AM

NGINX適合處理高並發請求,Apache適合需要復雜配置和功能擴展的場景。 1.NGINX採用事件驅動、非阻塞架構,適用於高並發環境。 2.Apache採用進程或線程模型,提供豐富的模塊生態系統,適合複雜配置需求。

nginx行動:示例和現實應用程序nginx行動:示例和現實應用程序Apr 17, 2025 am 12:18 AM

NGINX可用於提升網站性能、安全性和可擴展性。 1)作為反向代理和負載均衡器,NGINX可優化後端服務和分擔流量。 2)通過事件驅動和異步架構,NGINX高效處理高並發連接。 3)配置文件允許靈活定義規則,如靜態文件服務和負載均衡。 4)優化建議包括啟用Gzip壓縮、使用緩存和調整worker進程。

NGINX單元:支持不同的編程語言NGINX單元:支持不同的編程語言Apr 16, 2025 am 12:15 AM

NGINXUnit支持多種編程語言,通過模塊化設計實現。 1.加載語言模塊:根據配置文件加載相應模塊。 2.應用啟動:調用語言運行時執行應用代碼。 3.請求處理:將請求轉發給應用實例。 4.響應返回:將處理後的響應返回給客戶端。

在Nginx和Apache之間進行選擇:適合您的需求在Nginx和Apache之間進行選擇:適合您的需求Apr 15, 2025 am 12:04 AM

NGINX和Apache各有優劣,適合不同場景。 1.NGINX適合高並發和低資源消耗場景。 2.Apache適合需要復雜配置和豐富模塊的場景。通過比較它們的核心特性、性能差異和最佳實踐,可以幫助你選擇最適合需求的服務器軟件。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強大的PHP整合開發環境

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器