DevTools Lighthouse
Lighthouse 是 DevTools 中的实验室评估工具，用于生成性能、可访问性、最佳实践和 SEO 报告。
#type / concept
#status / growing
#tech / dev / frontend
#platform / browser
#resource / chrome-devtools
[!info] related notes
- 所属 MOC: 浏览器开发者工具 MOC, 前端性能优化 MOC
- 前置概念: 性能指标体系, 性能监控体系
- 并列概念: Performance 面板, Security / Issues 面板
- 易混淆概念: 性能监控体系
- 关系笔记: 浏览器开发者工具
DevTools Lighthouse
一句话定义
Lighthouse 是 DevTools 里的实验室体检工具，用来快速发现性能、可访问性、最佳实践和 SEO 层面的结构性问题。
核心内容
它最适合回答什么问题
- 这个页面在实验室环境下有哪些明显短板
- 哪些优化点值得优先关注
- 首屏性能、资源体积、可访问性规则是否存在明显问题
它擅长什么
- 给出一个标准化报告
- 暴露常见反模式
- 适合做改动前后的粗粒度对比
它不擅长什么
- 不能替代真实用户监控
- 不保证和真实业务路径完全一致
- 分数高不代表用户一定感觉快
边界与易混淆点
- Lighthouse 是实验室评估，不是线上监控
- 真正定位性能根因时，通常还要回到 Performance 面板 看录制细节
- 只追分数容易偏离实际业务目标