如何找出导致 LCP 重新触发的原因?

问题描述

我正在努力改进我们网站上的 LCP metricThere 提到了将该指标添加到“性能”面板。

我发现这个指标在我们的 stage 和 prod 环境之间是不同的。

我进一步查看并发现这是由 Google Analytics 脚本和 Profitwell 集成引起的。

但是,我们不能仅仅禁用这些集成来改进我们的 LCP 指标。

我认为脚本中有一些 DOM 操作,这会导致 LCP 事件重新触发。如果我们发现有问题的操作,我们可以尝试从我们这边调整它们,也可以询问从第三方脚本调整它们。

开发环境中的 LCP 计时。

LCP timing on dev env.

DOM 组件本身。

LCP DOM component

使用 Google Analytics 脚本的指标。

LCP with Google Analytics

带有 prod 设置的 LCP 下的火焰图来自脚本 https://www.google-analytics.com/analytics.js

Google Analytics flame chart under LCP trigger

有什么办法可以找出是哪个 DOM 操作导致了 LCP 指标重新触发?

非常感谢您能提供的任何帮助。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)