我在一家媒体机构工作。我们的代码库是一个带有一些额外基础设施的反应应用程序。 10 月 3 日,我们的 LCP 大幅增加 - 从大约 2 秒增加到 10 秒以上。那时我们没有进行重大代码更改,我们已经尝试回滚这些更改,但像 Treo 这样的工具始终显示出这些高 LCP。
我有几个问题...
LCP 似乎很难诊断,因为我在 Treo 和 google 中看到的 LCP 时间在本地无法重现。有靠谱的测试方法吗?
如何找出导致 LCP 高的原因?
10 月 3 日左右 LCP 的测量方式有变化吗?
是否值得捆绑脚本和其他可能阻塞渲染的项目?
您可以从访问您网站的用户那里收集您自己的 Web Vitals 数据,其中包括更多详细信息,例如 LCP 所基于的元素。
https://web.dev/articles/vitals-field-measurement-best-practices
您还可以确定哪些页面类型和设备的 LCP 较差。对于移动用户来说,可能是某个页面拉低了您的分数。
您可以收集更多详细信息。是否是特定国家/地区的用户,或者网络速度较慢,或者使用较旧的浏览器。