React 应用程序中的 LCP 非常高 - 如何找出原因 - 有什么变化吗?

问题描述 投票:0回答:1

我在一家媒体机构工作。我们的代码库是一个带有一些额外基础设施的反应应用程序。 10 月 3 日,我们的 LCP 大幅增加 - 从大约 2 秒增加到 10 秒以上。那时我们没有进行重大代码更改,我们已经尝试回滚这些更改,但像 Treo 这样的工具始终显示出这些高 LCP。

我有几个问题...

LCP 似乎很难诊断,因为我在 Treo 和 google 中看到的 LCP 时间在本地无法重现。有靠谱的测试方法吗?

如何找出导致 LCP 高的原因?

10 月 3 日左右 LCP 的测量方式有变化吗?

是否值得捆绑脚本和其他可能阻塞渲染的项目?

reactjs google-chrome metrics core-web-vitals
1个回答
0
投票

您可以从访问您网站的用户那里收集您自己的 Web Vitals 数据,其中包括更多详细信息,例如 LCP 所基于的元素。

https://web.dev/articles/vitals-field-measurement-best-practices

您还可以确定哪些页面类型和设备的 LCP 较差。对于移动用户来说,可能是某个页面拉低了您的分数。

您可以收集更多详细信息。是否是特定国家/地区的用户,或者网络速度较慢,或者使用较旧的浏览器。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.