Q26 · 通用优化策略
如果要你主导一次"性能优化专项"，你会怎么定计划？
⚡ 速记答案（30 秒）
- 第一步：测量和对齐目标 - 先看现有监控 / Lighthouse / Web Vitals，确定问题页面和指标
- 跟产品对齐目标：例如首屏时间、下单流畅度、K 线刷新体验
- 第二步：按模块分层优化 - 构建 & 静态资源：拆包、压缩、缓存；关键页面专项优化
- 第三步：持续监控 & 守护 - 接入性能监控，用阈值报警；在 CI 中加入性能基线检测
📖 详细讲解
专项计划模板
阶段一：诊断（1-2周）
• 收集当前性能数据
• 确定优化目标（如 LCP < 2s）
• 识别主要瓶颈
• 制定优先级
阶段二：优化（2-4周）
按优先级执行：
1. 构建层
- 代码分割
- 依赖优化
- 压缩配置
2. 运行层
- 关键路径优化
- 渲染优化
- 内存优化
3. 网络层
- CDN 配置
- 缓存策略
- 预加载
阶段三：守护（持续）
• 性能监控告警
• CI 性能门禁
• 定期复盘
交付物
| 产出 | 说明 |
|---|---|
| 优化报告 | before/after 对比 |
| 监控看板 | 持续追踪 |
| 规范文档 | 避免回退 |
面试技巧：回答性能问题时，先说指标和标准，再讲优化手段，最后结合实际项目经验。