快捷導(dǎo)航

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

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

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

引言

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

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

目的

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

操作步驟

編輯 Nginx 主配置文件：

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

在 http 塊中添加以下內(nèi)容：

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

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

nginx -t

預(yù)期輸出：

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 服務(wù)：

systemctl restart nginx

測試步驟

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

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

[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: <具體的日期時(shí)間>

說明：