为什么灯塔还不够

Lighthouse 是一个优秀的诊断工具，但它只测量实验室数据，而不是真实的用户体验。 2026 年的标准实践将实验室测量与真实用户监控 (RUM) 相结合。

1. Web Vitals — Chrome UX 报告和 CrUX API

Google 的 Chrome 用户体验报告汇总了来自真实 Chrome 用户的现场数据。您可以通过 API 查询它来分析您自己和竞争对手的网站。

const response = await fetch(
  'https://chromeuxreport.googleapis.com/v1/records:queryRecord?key=YOUR_KEY',
  {
    method: 'POST',
    body: JSON.stringify({
      origin: 'https://example.com',
      metrics: ['largest_contentful_paint', 'cumulative_layout_shift']
    })
  }
);

2. 哨兵性能

Sentry 以错误监控而闻名，还提供强大的性能跟踪。它通过 React 和 Next.js 的自动检测来捕获从前端到后端的端到端事务。设置需要几分钟时间。

3.数据狗朗姆酒

Datadog 的真实用户监控将会话重放与性能数据结合起来。您可以检查各个会话以查看每个用户经历的确切 LCP、FID 和 CLS，然后深入了解导致速度下降的特定资源。

4. 速度生命值

SpeedVitals 从全球多个地点同时运行基于 Lighthouse 的诊断。它还提供持续的 Web Vitals 监控。免费套餐包括足够的中小型网站日常测试。

5. Grafana + Prometheus + OpenTelemetry

对于想要自托管管道的团队来说，通过 OpenTelemetry 将浏览器跟踪收集到 Prometheus 中进行存储并收集到 Grafana 中进行可视化是事实上的标准。它需要更多设置，但提供完整的数据所有权。

使用 Lighthouse 进行本地开发检查，但依靠 RUM 工具进行生产监控。