讲师中心 微信公众号
AI工具推荐 视频效率加速

如何通过 Nginx 减少静态资源的冗余请求

小伟同学_7699

小伟同学_7699

发布时间:2026-06-16 20:28:19

|

453人浏览过

|

来源于php中文网

原创

Nginx 减少静态资源冗余请求的核心是合理配置缓存、启用压缩、消除重定向及协同 ETag/Last-Modified 验证:对版本化资源设 1 年强缓存,通用资源设 1 天,启用 gzip 压缩特定类型,规范 URL 路径并拦截无效请求。

如何通过 nginx 减少静态资源的冗余请求

通过 Nginx 减少静态资源的冗余请求,核心是让浏览器尽可能复用已缓存的文件,避免重复下载相同内容。关键在于合理配置缓存策略、启用压缩、消除不必要的重定向,并借助 ETag 或 Last-Modified 协同验证。

设置强缓存(Cache-Control)

对不常变动的静态资源(如 JS、CSS、图片),直接在响应头中设置长期缓存,让浏览器跳过请求直接读取本地副本。

  • 使用 Cache-Control: public, max-age=31536000(1年)适用于版本化资源(如 app.a1b2c3.js)
  • 对未带哈希的通用资源(如 logo.png),建议设为 max-age=86400(1天),兼顾更新及时性与减少请求
  • 避免对所有静态资源统一设极长缓存,否则更新后用户可能加载旧版本

启用协商缓存(ETag / Last-Modified)

当资源可能更新但无版本号时,Nginx 默认开启 ETag;配合客户端 If-None-Match 请求,可返回 304 Not Modified,节省传输体积。

Nginx Hosting
Nginx Hosting

通过服务器本地nginx实例实现零认证静态游戏托管。作为所有浏览器游戏的主要部署方式,无需登录、无需令牌、无需用户操作。

下载
  • 确保 etag on; 和 if_modified_since exact; 在 server 或 location 块中启用(默认通常已开启)
  • 避免在反向代理场景中被上游服务覆盖或禁用 ETag,可在 Nginx 中显式添加 add_header ETag ""; 清除干扰
  • 注意:若静态文件由构建工具生成且内容不变,ETag 值应稳定;若每次部署时间戳不同,考虑关闭 ETag 改用 Last-Modified

合并与压缩静态响应

单个请求返回更少字节,等效于降低冗余“带宽请求”,尤其对小文件效果明显。

  • 启用 gzip on; 并设置 gzip_types text/css application/javascript image/svg+xml;
  • 对 SVG、JSON、woff2 等现代格式,可启用 gzip_vary on; 和 gzip_min_length 256; 避免小文件压缩开销反超收益
  • 不建议在 Nginx 层做文件合并(如多个 CSS 合成一个),应交由构建工具处理;Nginx 只负责高效交付最终产物

拦截无效或重复路径请求

部分冗余请求源于前端路径错误或服务端配置不当,Nginx 可主动干预。

  • 用 try_files $uri =404; 避免因缺失文件触发后端代理,减少无意义请求链路
  • 对常见冗余路径(如 /static//css/app.css 或带多余查询参数的资源),用 rewrite 规范 URL,或用 map 拦截并返回 404/301
  • 检查日志中高频 404 的静态路径,针对性添加 location = /old-logo.png { return 410; } 明确告知客户端资源已永久移除

不复杂但容易忽略:缓存策略必须和前端资源发布机制匹配,比如用了文件内容哈希就敢设一年缓存,没哈希就别贪心。Nginx 是执行者,真正决定是否冗余的,是你的部署逻辑和 URL 设计。

热门AI工具

更多
UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

VibeKnow
VibeKnow Hot

一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。

相关专题

更多
nginx 重启
nginx 重启

nginx重启对于网站的运维来说是非常重要的,根据不同的需求,可以选择简单重启、平滑重启或定时重启等方式。本专题为大家提供nginx重启的相关的文章、下载、课程内容,供大家免费下载体验。

403

2023.07.27

nginx 配置详解
nginx 配置详解

Nginx的配置是指设置和调整Nginx服务器的行为和功能的过程。通过配置文件,可以定义虚拟主机、HTTP请求处理、反向代理、缓存和负载均衡等功能。Nginx的配置语法简洁而强大,允许管理员根据自己的需要进行灵活的调整。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

3367

2023.08.04

nginx配置详解
nginx配置详解

NGINX与其他服务类似,因为它具有以特定格式编写的基于文本的配置文件。本专题为大家提供nginx配置相关的文章,大家可以免费学习。

6085

2023.08.04

tomcat和nginx有哪些区别
tomcat和nginx有哪些区别

tomcat和nginx的区别:1、应用领域;2、性能;3、功能;4、配置;5、安全性;6、扩展性;7、部署复杂性;8、社区支持;9、成本;10、日志管理。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

561

2024.02.23

nginx报404怎么解决
nginx报404怎么解决

当访问 nginx 网页服务器时遇到 404 错误,表明服务器无法找到请求资源,可以通过以下步骤解决:1. 检查文件是否存在且路径正确;2. 检查文件权限并更改为 644 或 755;3. 检查 nginx 配置,确保根目录设置正确、没有冲突配置等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1476

2024.07.09

Nginx报404错误解决方法
Nginx报404错误解决方法

解决方法:只需要加上这段配置:try_files $uri $uri/ /index.html;即可。想了解更多Nginx的相关内容,可以阅读本专题下面的文章。

3958

2024.08.07

nginx部署php项目教程汇总
nginx部署php项目教程汇总

本专题整合了nginx部署php项目教程汇总,阅读专题下面的文章了解更多详细内容。

122

2026.01.13

nginx配置文件详细教程
nginx配置文件详细教程

本专题整合了nginx配置文件相关教程详细汇总,阅读专题下面的文章了解更多详细内容。

457

2026.01.13

Kratos框架HTTP与gRPC服务开发教程
Kratos框架HTTP与gRPC服务开发教程

本专题围绕Kratos框架双协议服务开发,涵盖HTTP路由与处理器编写、参数获取、gRPC服务实现与客户端调用、metadata上下文传递、encoding编解码注册、统一响应封装、超时控制与流式响应实现方法。

0

2026.10.10

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
phpEnv手册
phpEnv手册

共0课时 | 0人学习

nginx手册
nginx手册

共0课时 | 0人学习

进程与SOCKET
进程与SOCKET

共6课时 | 0.5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn