SuperAPI AI 工具集

http-requests

前端与建站

查看项目

更新于 10-16 06:07

技能介绍

用途

该技能面向前端性能审计,聚焦于“最小化 HTTP 请求”这一性能规则。当页面出现加载缓慢、资源过重或渲染延迟,且怀疑与请求数量过多有关时,可使用该技能进行排查。

主要能力

  • 统计页面发起的 HTTP 请求数量,并识别可减少请求的机会。
  • 通过合并文件、使用雪碧图(sprites)、内联关键资源以及实施 HTTP/2 来减少 HTTP 请求。
  • 解释每个 HTTP 请求为何会增加延迟,以及为什么减少请求能提升性能。
  • 在代码审查中,检查影响“最小化 HTTP 请求”的路由、资源和加载行为,指出增加不必要网络、CPU 或布局成本的具体文件、请求或渲染步骤,并说明用于确认问题的测量方法。

使用方式

技能提供以下操作模式:

  • Check(检查):统计当前页面发起的 HTTP 请求数量,并找出可减少请求的机会。
  • Fix(修复):通过合并文件、使用雪碧图、内联关键资源和实施 HTTP/2 来减少 HTTP 请求。
  • Explain(解释):说明每个 HTTP 请求如何增加延迟,以及最小化请求为何能改善性能。
  • Code Review(代码审查):审查影响该规则的路由、资源和加载行为,标记具体问题点并描述测量方法。

完整实现细节、代码示例和框架相关指导见 references/rule.md。规则页面:https://frontendchecklist.io/en/rules/performance/http-requests

快速参考

  • 每个 HTTP 请求都会增加延迟(DNS、TCP、TLS 握手)。
  • HTTP/2 多路复用可减少但无法消除请求开销。
  • 打包关键 CSS/JS,图标使用 SVG 雪碧图。
  • 首次页面加载的请求数目标为 50 个以下。

适用场景

适用于前端性能优化、页面加载速度审计、资源加载策略调整以及相关代码审查工作。

限制

资料未提供具体的收费、价格、平台支持范围或效果保证等信息。