[!info] related notes

• 所属 MOC: 浏览器开发者工具 MOC, 前端性能优化 MOC
• 前置概念: 性能指标体系, 性能监控体系
• 并列概念: Performance 面板, Security / Issues 面板
• 易混淆概念: 性能监控体系
• 关系笔记: 浏览器开发者工具

DevTools Lighthouse

一句话定义

Lighthouse 是 DevTools 里的实验室体检工具，用来快速发现性能、可访问性、最佳实践和 SEO 层面的结构性问题。

核心内容

它最适合回答什么问题

• 这个页面在实验室环境下有哪些明显短板
• 哪些优化点值得优先关注
• 首屏性能、资源体积、可访问性规则是否存在明显问题

它擅长什么

• 给出一个标准化报告
• 暴露常见反模式
• 适合做改动前后的粗粒度对比

它不擅长什么

• 不能替代真实用户监控
• 不保证和真实业务路径完全一致
• 分数高不代表用户一定感觉快

边界与易混淆点

• Lighthouse 是实验室评估，不是线上监控
• 真正定位性能根因时，通常还要回到 Performance 面板 看录制细节
• 只追分数容易偏离实际业务目标

Related notes

• 浏览器开发者工具 MOC
• 前端性能优化 MOC
• 性能指标体系
• 性能监控体系