以下是Chrome浏览器帮助开发者减少网页中冗余请求的方法：
1. 合并外部资源文件
- 在Network面板查看CSS/JS请求→将多个小文件合并为单个文件（如style.css、app.js）→修改HTML引用路径。可减少70%以上的HTTP请求数，需配合版本控制（如v1.0.1）防止缓存问题。
2. 启用浏览器缓存
- 进入设置→隐私与安全→网站设置→找到“缓存”选项→勾选“允许网站缓存数据”。静态资源（图片/CSS/字体）设置长期缓存（Cache-Control:max-age=31536000），动态内容使用ETag实现增量更新。
3. 延迟加载非关键资源
- 在HTML源码中添加`loading="lazy"`属性→图片/视频仅在滚动到视口时加载。广告代码可设置为异步加载（script async src="ad.js"），避免阻塞页面渲染。
4. 消除重复脚本引用
- 在Console面板输入`document.querySelectorAll('script')`→检查是否有重复的外部JS文件→删除冗余引用。公共库建议使用CDN链接（如https://cdn.jsdelivr.net/npm/jquery）实现多站点共享缓存。
5. 优化API调用频率
- 在Network面板筛选XHR请求→合并相似接口（如将5个统计数据接口合并为1个批量接口）→设置服务器端缓存（如Redis）。移动端可启用IndexedDB本地存储减少重复请求。
6. 压缩HTTP请求头
- 安装服务器压缩模块（如Nginx的`gzip_static`）→设置`Content-Encoding:gzip`→减少文本类资源体积。需确保浏览器支持（Chrome默认启用）且不压缩已压缩资源（如WebP图片）。
7. 移除未使用的CSS/JS
- 在Coverage面板运行性能分析→删除未被使用的规则（如过时的.old-class）和函数（如废弃的jQuery插件）。生产环境建议使用PurgeCSS自动清理无用样式。
8. 设置资源过期时间
- 在服务器配置中添加Expires头→静态资源设置1年有效期（Access-Control-Max-Age:31536000）→动态内容设置1小时有效期。Chrome会自动从缓存加载未过期资源。
9. 合并字体文件请求
- 在Audits面板检查字体加载情况→使用Font Squirrel工具合并多种字体为单个文件→采用Base64编码嵌入CSS。中文网站建议优先加载正文所需字体，广告位使用系统安全字体。
10. 拦截第三方追踪器
- 安装“Privacy Badger”扩展→自动屏蔽Google Analytics等追踪脚本→手动添加需要保留的域名。企业站点可在HTML头部添加meta name="referrer" content="no-referrer"隐藏跳转信息。
完成优化后，可通过Clear Storage（三线标签图标）→清除缓存→强制刷新（Ctrl+F5）验证效果，或使用Lighthouse生成性能报告（Audits面板→Generate Report）。