引言

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

1. 配置网页缓存时间


目的

为静态资源（如图片、CSS 文件等）设置缓存时间，减少重复请求，提高访问速度。

操作步骤

• 编辑 Nginx 主配置文件：
  

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

复制代码

• 在
  1. http

  复制代码
  块中添加以下内容：
  

1. http {
   
2.     ...
   
3.     location / {
   
4.         root html;
   
5.         index index.html index.htm;
   
6.     }
   
7. 
   
8.     location ~ \.(gif|jpg|jpeg|png|bmp|ico)$ {
   
9.         root html;
   
10.         expires 1d; # 设置缓存时间为一天
    
11.     }
    
12.     ...
    
13. }

复制代码

• 测试配置文件语法是否正确：
  

1. nginx -t

复制代码

预期输出：

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

复制代码

• 重启 Nginx 服务：
  

1. systemctl restart nginx

复制代码

测试步骤

使用

1. curl

复制代码

命令带上

1. -I

复制代码

参数，查看静态资源的响应头。例如：
再次运行相同的

1. curl

复制代码

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

1. [root@localhost ~]# curl -i 127.0.0.1
   
2. HTTP/1.1 200 OK
   
3. Server: nginx
   
4. Date: Fri, 20 Dec 2024 06:59:17 GMT
   
5. Content-Type: text/html
   
6. Content-Length: 612
   
7. Last-Modified: Fri, 20 Dec 2024 06:43:28 GMT
   
8. Connection: keep-alive
   
9. ETag: "67651210-264"
   
10. Expires: Sat, 21 Dec 2024 06:59:17 GMT
    
11. Cache-Control: max-age=86400
    
12. Accept-Ranges: bytes
    
13. 
    
14. 
    
15. 
    
16. 
    
17. Cache-Control: max-age=86400
    
18. Expires: <具体的日期时间>

复制代码

说明：

• 1. max-age=86400

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

总结

通过为静态资源设置缓存时间，服务器的压力得到了有效缓解，客户端也能更快地加载网页，用户体验自然也就提升了。这种配置简单易行，却能带来显著的效果。如果你也在优化网站性能，不妨试试这个方法。
到此这篇关于Nginx为静态资源配置缓存时间的操作步骤的文章就介绍到这了,更多相关Nginx静态资源配置缓存时间内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

来源：互联网
免责声明：如果侵犯了您的权益，请联系站长（1277306191@qq.com），我们会及时删除侵权内容，谢谢合作！