Lighthouse 的实际性能数据

开发
1

我们能否排除用户代理“Chrome-Lighthouse”，从而向 Lighthouse 展示真实的应用程序视图？

应用程序视图性能

这使得 Chrome 开发者工具中的 Lighthouse 和 PageSpeed Insights 能够像用户查看 Discourse 一样衡量其性能。

lighthouse-performance-application-view
lighthouse-performance-application-view915×920 81.2 KB

爬虫视图性能

到目前为止，Lighthouse 测量的是用户设备渲染爬虫布局的性能——这在现实中从未发生过。

lighthouse-performance-crawler-view
lighthouse-performance-crawler-view924×926 62.7 KB

2

当他们在最新的 iPhone 型号（甚至是 iPhone 8 或更新的型号）上运行 Lighthouse 性能测试时，我对此持开放态度。目前，Android 的性能不幸比 iPhone 慢 3 倍（甚至更多）。:pensive_face:

请在 Speedometer 2.0 上查看您的设备，了解我的意思——这会测量浏览器中的 JavaScript 性能：

image
image1014×1200 163 KB

在他们运行 Lighthouse 的 iPhone（任何型号）进行对比之前，我绝对反对任何更改。当他们这样做时，我将欣然接受该 PR，并乐意接受。

2 个赞
3

他们的指标已经收集了“真实用户体验数据”（来自运行 Chrome 的约 200 部欧元/美元 Android 手机的 CrUX 数据集），并且这些数据已进入 Google Search Console 上的 [Core Web Vitals 报告](https://support.google.com/webmasters/answer/9205520）。

能否将其置于一个标志后面，或者仅为开发环境启用它？

4

您可以通过从本地计算机运行 Lighthouse 并使用自定义用户代理来获取 SPA 性能数据。

4 个赞
5

要使此解决方案能够衡量预期的 Discourse 视图：

  • 移动视图：在 URL 中添加 ?mobile_view=1
  • 桌面视图：在 URL 中添加 ?mobile_view=0

此设置会保存在 LocalStorage 中。因此，如有必要，请重置一次：
在 URL 中添加 ?mobile_view=auto。

1 个赞