用途
本技能用于审计与「避免使用基于 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 与可索引性检查,以及代码审查中涉及重定向实现方式的场景。
限制
资料未提供具体的框架适配范围、支持的浏览器版本、性能基准数值或自动化集成方式,这些内容暂未提供。