Nginx为静态资源配置缓存时间的操作步骤

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

最近在优化网站性能时,发现很多静态资源（比如图片、CSS 文件等）每次都会从服务器重新加载,这不仅浪费了带宽,还增加了服务器的负载,为了解决这个问题,我研究了一下如何在 Nginx 中为静态资源配置缓存时间,下面是我的配置过程,需要的朋友可以参考下

引言

最近在优化网站性能时，发现很多静态资源（比如图片、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: <具体的日期时间>

说明：

max-age=86400 表示缓存时间为 86400 秒（即 1 天）。
客户端将在缓存有效期内直接使用缓存数据，而不会重复请求服务器。

总结

通过为静态资源设置缓存时间，服务器的压力得到了有效缓解，客户端也能更快地加载网页，用户体验自然也就提升了。这种配置简单易行，却能带来显著的效果。如果你也在优化网站性能，不妨试试这个方法。

到此这篇关于Nginx为静态资源配置缓存时间的操作步骤的文章就介绍到这了,更多相关Nginx静态资源配置缓存时间内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

简单指南：在Linux上安装Nginx
本文将介绍如何在Linux系统下安装Nginx,Nginx是一款高性能的Web服务器和反向代理服务器,被广泛用于构建高可靠性、高性能的网站和应用程序,通过本文的指导,您将学会如何在Linux系统上安装Nginx,并进行基本的配置,需要的朋友可以参考下
2023-10-10
Nginx重启失败排查与解决方案
在Linux系统中,NGINX作为高性能的Web服务器和反向代理服务器,广泛应用于各类生产环境中,然而,作为一款强大而灵活的工具,NGINX也常常面临一些常见的故障问题,尤其是在重启过程中遇到错误,本文将详细讲解NGINX重启失败的排查与解决方案,需要的朋友可以参考下
2025-04-04
Nginx中accept锁的机制与实现详解
这篇文章主要给大家介绍了关于Nginx中accept锁的机制与实现的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2018-12-12
Nginx服务状态监控的方法
这篇文章主要介绍了Nginx服务状态监控的方法,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-06-06
使用Nginx + Keepalived 实现高可用 Web 负载均衡笔记(虚拟机)
这篇文章主要介绍了使用Nginx + Keepalived 实现高可用 Web 负载均衡笔记,需要的朋友可以参考下
2023-08-08
Nginx 限流和流量控制的实现
Nginx通过limit_req和limit_conn模块提供请求次数和并发连接数限制,防止服务器过载,本文就来介绍一下Nginx 限流和流量控制的实现,感兴趣的可以了解一下
2024-09-09
Nginx安装配置的实现示例
本文主要介绍了Nginx安装配置的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
2024-12-12
Nginx负载均衡健康检查性能提升
这篇文章主要为大家介绍了Nginx负载均衡健康检查性能提升,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2023-10-10
如何修改Nginx版本名称伪装任意web server
这篇文章主要介绍了修改Nginx版本名称伪装任意web server的方法，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧
2016-08-08
详解Nginx如何配置继承模型
这篇文章主要介绍了详解Nginx如何配置继承模型，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-07-07