LightHouse 和 Performance 之间的 LCP 时间 - Google Chrome
LCP time between LightHouse and Performance - Google Chrome
有了 google chrome chrome 开发人员，我是 运行 手机分析的灯塔。
Lighthouse 显示 Largest Contentful Paint (LCP) 有 7.0 秒的延迟：
我决定深入研究并单击：“查看原始跟踪”。
它将我重定向到性能选项卡：
这里说LCP是749.7ms（=0.7497秒）
LightHouse 和性能选项卡之间的差异从何而来？
- 性能为 0.7497 秒
- LightHouse 7.0 秒
为什么 Lighthouse 显示的加载时间要长得多？
答案是simulated network throttling and CPU throttling的组合。
模拟网络限制
当您运行审核时，它会对每个请求应用 150 毫秒的延迟，并将下载速度限制为每秒 1.6 兆位（200 千字节），上传速度为每秒 750 兆位（94 千字节）。
这是通过算法完成的，而不是应用的（模拟的）
CPU 节流
Lighthouse 将您的 CPU 减速 4 倍以模拟中端移动 phone 性能。
如果您的 JavaScript 负载很重，这可能会阻塞主线程并延迟渲染。或者，如果您使用 JavaScript 动态插入元素，它可能会出于同样的原因延迟 LCP。
这也是通过算法完成的，而不是应用的（它是模拟的）
那么为什么它与性能跟踪不匹配？
因为跟踪是“实际发生的”并且没有考虑模拟网络和 CPU 减速。
我可以使性能跟踪与 Lighthouse 匹配吗？
是的 - 您需要做的就是取消选中设置部分下的“模拟节流”（您可能需要按下 Lighthouse 选项卡右上角的齿轮以显示此复选框）。
请注意，您可能会得到更低的分数，因为模拟节流可能更宽容一些。
另请注意，您的报告将需要更长的时间才能到达 运行（这有助于了解速度较慢 phone 且 4G 连接速度较慢的用户可能会如何体验您的网站！）
现在，当您 运行 Lighthouse 时，它将使用 应用的 节流，实时添加延迟和 CPU 减速。如果您现在查看跟踪，您会看到它匹配。
我在哪里可以看到 运行 使用了哪些设置？
在报告的底部，您可以看到应用了哪些设置。您将在下面的屏幕截图中看到“(Devtools)”列在网络节流和 CPU 节流部分中，表明我使用了应用节流。
有了 google chrome chrome 开发人员，我是 运行 手机分析的灯塔。
Lighthouse 显示 Largest Contentful Paint (LCP) 有 7.0 秒的延迟：
我决定深入研究并单击：“查看原始跟踪”。
它将我重定向到性能选项卡：
这里说LCP是749.7ms（=0.7497秒）
LightHouse 和性能选项卡之间的差异从何而来？
- 性能为 0.7497 秒
- LightHouse 7.0 秒
为什么 Lighthouse 显示的加载时间要长得多？
答案是simulated network throttling and CPU throttling的组合。
模拟网络限制
当您运行审核时，它会对每个请求应用 150 毫秒的延迟，并将下载速度限制为每秒 1.6 兆位（200 千字节），上传速度为每秒 750 兆位（94 千字节）。
这是通过算法完成的，而不是应用的（模拟的）
CPU 节流
Lighthouse 将您的 CPU 减速 4 倍以模拟中端移动 phone 性能。
如果您的 JavaScript 负载很重，这可能会阻塞主线程并延迟渲染。或者，如果您使用 JavaScript 动态插入元素，它可能会出于同样的原因延迟 LCP。
这也是通过算法完成的，而不是应用的（它是模拟的）
那么为什么它与性能跟踪不匹配？
因为跟踪是“实际发生的”并且没有考虑模拟网络和 CPU 减速。
我可以使性能跟踪与 Lighthouse 匹配吗？
是的 - 您需要做的就是取消选中设置部分下的“模拟节流”（您可能需要按下 Lighthouse 选项卡右上角的齿轮以显示此复选框）。
请注意，您可能会得到更低的分数，因为模拟节流可能更宽容一些。
另请注意，您的报告将需要更长的时间才能到达 运行（这有助于了解速度较慢 phone 且 4G 连接速度较慢的用户可能会如何体验您的网站！）
现在，当您 运行 Lighthouse 时，它将使用 应用的 节流，实时添加延迟和 CPU 减速。如果您现在查看跟踪，您会看到它匹配。
我在哪里可以看到 运行 使用了哪些设置？
在报告的底部，您可以看到应用了哪些设置。您将在下面的屏幕截图中看到“(Devtools)”列在网络节流和 CPU 节流部分中，表明我使用了应用节流。