SuperAPI AI 工具集

js-redirects

前端与建站

查看项目

更新于 10-16 06:08

技能介绍

用途

本技能用于审计与「避免使用基于 JavaScript 的重定向」相关的性能问题,适用于排查页面加载缓慢、资源过重或渲染延迟的场景。其核心目标是识别并消除因 JavaScript 重定向而引入的额外网络往返,从而缩短用户等待内容的时间。

主要能力

  • 提供快速参考要点:应使用 301 或 302 服务端重定向替代 window.location;JS 重定向会延迟页面加载,因为浏览器必须先下载并执行脚本;客户端重定向可能对 SEO 和可索引性产生负面影响。
  • 提供检查步骤:检查项目中是否存在使用 JavaScript 进行页面级重定向(例如 window.location)的情况。
  • 提供修复步骤:用 Web 服务器或边缘配置中的服务端 301 或 302 重定向替换基于 JavaScript 的重定向。
  • 提供解释能力:说明为何服务端重定向比客户端 JavaScript 重定向更快且对 SEO 更友好。
  • 提供代码审查能力:审查影响该规则的路由、资源和加载行为,标记出增加不必要网络、CPU 或布局成本的具体文件、请求或渲染步骤,并描述用于确认问题的测量方法。

使用方式

按照技能给出的流程执行:先检查项目中是否存在 JavaScript 页面级重定向,再将其替换为服务端 301 或 302 重定向,最后解释服务端重定向在速度与 SEO 上的优势。在代码审查环节,需定位具体文件、请求或渲染步骤,并说明测量方法。完整实现细节、代码示例和框架特定指导见 references/rule.md。规则页面为 https://frontendchecklist.io/en/rules/performance/js-redirects。

适用场景

适用于前端性能审计、页面加载优化、SEO 与可索引性检查,以及代码审查中涉及重定向实现方式的场景。

限制

资料未提供具体的框架适配范围、支持的浏览器版本、性能基准数值或自动化集成方式,这些内容暂未提供。