Nginx為靜態(tài)資源配置緩存時間的操作步驟

更新時間：2025年02月24日 09:27:34 作者：神秘泣男子

最近在優(yōu)化網(wǎng)站性能時,發(fā)現(xiàn)很多靜態(tài)資源（比如圖片、CSS?文件等）每次都會從服務器重新加載,這不僅浪費了帶寬,還增加了服務器的負載,為了解決這個問題,我研究了一下如何在?Nginx?中為靜態(tài)資源配置緩存時間,下面是我的配置過程,需要的朋友可以參考下

引言

最近在優(yōu)化網(wǎng)站性能時，發(fā)現(xiàn)很多靜態(tài)資源（比如圖片、CSS 文件等）每次都會從服務器重新加載，這不僅浪費了帶寬，還增加了服務器的負載。為了解決這個問題，我研究了一下如何在 Nginx 中為靜態(tài)資源配置緩存時間，讓客戶端能更高效地利用緩存，從而提升訪問速度。下面是我的配置過程，分享給有需要的小伙伴。

1. 配置網(wǎng)頁緩存時間

目的

為靜態(tài)資源（如圖片、CSS 文件等）設置緩存時間，減少重復請求，提高訪問速度。

操作步驟

編輯 Nginx 主配置文件：

cd /usr/local/nginx/conf/
vim nginx.conf

在 http 塊中添加以下內容：

http {
    ...
    location / {
        root html;
        index index.html index.htm;
    }
 
    location ~ \.(gif|jpg|jpeg|png|bmp|ico)$ {
        root html;
        expires 1d; # 設置緩存時間為一天
    }
    ...
}

測試配置文件語法是否正確：

nginx -t

預期輸出：

nginx: the configuration file /usr/local/nginx/conf/nginx.conf syntax is ok
nginx: configuration file /usr/local/nginx/conf/nginx.conf test is successful

重啟 Nginx 服務：

systemctl restart nginx

測試步驟

使用 curl 命令帶上 -I 參數(shù)，查看靜態(tài)資源的響應頭。例如：

再次運行相同的 curl 命令，檢查是否返回相同的緩存參數(shù)。如果配置正確，瀏覽器或客戶端將在緩存有效期內直接使用緩存數(shù)據(jù)，而不會重復請求服務器。

[root@localhost ~]# curl -i 127.0.0.1
HTTP/1.1 200 OK
Server: nginx
Date: Fri, 20 Dec 2024 06:59:17 GMT
Content-Type: text/html
Content-Length: 612
Last-Modified: Fri, 20 Dec 2024 06:43:28 GMT
Connection: keep-alive
ETag: "67651210-264"
Expires: Sat, 21 Dec 2024 06:59:17 GMT
Cache-Control: max-age=86400
Accept-Ranges: bytes
 
 
 
 
Cache-Control: max-age=86400
Expires: <具體的日期時間>

說明：