前端性能优化
当用户提供页面地址、构建配置或前端项目文件,并希望分析性能问题、输出优化建议时,使用本技能。
执行流程
- 先识别已有输入:
- 页面 URL
- Lighthouse 指标
- Network 瀑布图
- Bundle 分析
- 技术栈信息
- 读取
references/metrics.md,确定必须输出的性能指标。 - 读取
references/diagnosis-rules.md,根据症状匹配原因和建议。 - 按
references/report-template.md输出正式报告。
规则
- 有核心 Web 指标时,优先输出核心 Web 指标。
- 明确区分“已观测证据”和“推断结论”。
- 优先给出高收益、低改动成本的建议。
- 不要轻易建议重构,除非轻量优化不足以解决问题。
- 数据不完整时,要明确说明缺失项和结论置信度。