Nginx中如何为静态资源配置缓存时间，提升网页访问速度

神秘泣男子

于 2025-01-14 17:30:23 发布

阅读量1.3k

点赞数 10

分类专栏： Linux高级管理 # Nginx-从零开始的服务器之旅文章标签： nginx 服务器网络运维 linux

本文链接：https://blog.youkuaiyun.com/jxjdhdnd/article/details/145144250

版权

Linux高级管理同时被 2 个专栏收录

46 篇文章

订阅专栏

Nginx-从零开始的服务器之旅

11 篇文章

订阅专栏

🏡作者主页：点击！

Nginx-从零开始的服务器之旅专栏：点击！

🐧Linux高级管理防护和群集专栏：点击！

⏰️创作时间：2025年1月14日19点14分

最近在优化网站性能时，发现很多静态资源（比如图片、CSS 文件等）每次都会从服务器重新加载，这不仅浪费了带宽，还增加了服务器的负载。为了解决这个问题，我研究了一下如何在 Nginx 中为静态资源配置缓存时间，让客户端能更高效地利用缓存，从而提升访问速度。下面是我的配置过程，分享给有需要的小伙伴。

1. 配置网页缓存时间

目的

为静态资源（如图片、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 参数，查看静态资源的响应头。例如：

再次运行相同的 curl 命令，检查是否返回相同的缓存参数。如果配置正确，浏览器或客户端将在缓存有效期内直接使用缓存数据，而不会重复请求服务器。

[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: <具体的日期时间>

说明：