LightHouse与性能之间的LCP时间- Google

Question

与谷歌铬铬开发，我是运行一个灯塔分析的移动。

灯塔显示最大含量油漆(LCP)的延迟时间为7.0秒：

​

我决定深入研究这个问题，然后点击：“查看原始跟踪”。

它将我重定向到“性能”选项卡：

​

这里说LCP是749.7ms (= 0.7497秒)。

LightHouse和Performance之间的差异从何而来？

• 0.7497秒的性能
• 7.0秒用于LightHouse

Answer 1

为什么灯塔的负载时间要长得多？

答案是模拟网络节流和CPU节流的结合。

模拟网络节流

当您运行审核时，它会对每个请求应用150 94的延迟，并将下载速度限制在每秒1.6兆位(200 94)，上传到每秒750 94 (94 94)。

这是通过一个算法，而不是应用(它是模拟的)。

CPU节流

灯塔将4倍的减速应用于CPU，以模拟中间层移动电话的性能。

如果您的JavaScript负载很重，这可能会阻塞主线程和延迟呈现。或者，如果您使用JavaScript动态插入元素，它可以基于同样的原因延迟LCP。

这也是通过一个算法，而不是应用(它是模拟的)。

那么为什么它不匹配性能跟踪呢？

因为跟踪是“正在发生的”，没有考虑到模拟的网络和CPU的减速。

我能做性能跟踪匹配灯塔吗？

是的-你需要做的就是取消在设置部分下的“模拟节流”(您可能需要按下灯塔选项卡右上角的齿轮以显示此复选框)。

​

​

请注意，你可能会得到一个更低的分数，因为模拟节流可能会更宽容一点。

还请注意，您的报告将需要更长的时间运行(这是好的，看看谁在一个缓慢的手机上，一个缓慢的4G连接可能会体验到你的网站！)

现在，当您运行灯塔时，它将使用应用节流，实时增加延迟和CPU减速。如果您现在查看您的跟踪，您将看到它匹配。

在哪里可以看到运行时使用了哪些设置？

在报表的底部，您可以看到应用了哪些设置。您将在下面的屏幕截图中看到"(Devtools)“列在”网络节流“和”CPU节流“部分，以说明我使用的是应用节流。

​

​