[55] Lighthouse：把网页质量变成客观分数

• 资料类型：官方文档/工具
• 原始来源：https://developer.chrome.com/docs/lighthouse/
• 对应章节：第 6 章（UI 设计）、第 8 章（前端实现）

一句话

别争论快不快，让 Lighthouse 跑一遍，性能/可访问性/最佳实践分数一目了然。

你该从 Lighthouse 带走什么

• 指标化：把性能与体验拆成可追踪指标，便于设门槛与回归。
• 更适合做趋势：分数波动要结合同口径环境（构建方式/设备/网络）解释。
• 与 CI 配合：把关键指标作为发布门禁，而不是上线后补救。

在本书里怎么用

• 第 3 章把生成式 UI纳入客观门禁：不是好看就行，还得跑得快、别退化。
• 第 4 章强调门禁要可复制：本地/CI 口径一致。

常见误用

• 在开发模式下跑分，得到的结果不稳定、也不可比。
• 只看总分不看分项与建议，最后不知道怎么修。