Largest Contentful Paint 正在等待未知的事物
Largest Contentful Paint is waiting for something unknown
我的网站 https://www.rbfamily.nl/ 在 google pagespeed 方面有问题，我不知道为什么。主要瓶颈似乎是 LCP 时间，google 表示需要 7 到 11 秒，具体取决于 运行.
正如您在瀑布流中看到的那样，首屏上的所有内容都会快速加载并且之后不会更改。如果我在 chrome 中使用性能选项卡并将网络设置为 3g 并且速度慢 4 倍 CPU，它仍然会在 2 秒内加载首屏上的所有内容。用lightspeed查看chrome中的“查看原始轨迹”，一秒钟后我没有看到网站有任何变化。
我什至尝试过没有背景图片、网络字体、脚本和首屏内容，但它几乎没有改变 LCP 时间。
谁能告诉我 pagespeed 在调用 LCP 加载之前正在等待什么？
更新
除了css，我把所有东西都精简到了最低限度。 https://rbfamily.dego.dev/
尽管所有内容都在瀑布的第一帧中绘制，但我在灯塔中仍然获得红色 LCP 分数（2.9s）。
谁能告诉我 pagespeed 在调用 LCP 加载之前在等待什么？
当 运行“Fast 3G”和“4x CPU Slowdown”时，我得到与 Lighthouses 预测相似的时间。 （由于 Lighthouse 使用模拟节流，会有一些差异）。
在 7 秒时导致 LCP 的是您的主图（如果从下面的图片中看不清楚，名为“homepagebg.jpg.webp”的 webp 图片是完成加载的大绿色条，就像您会看到 LCP 条目）。
为什么我得到的结果与你不同？
我的猜测是，在“网络”选项卡上您没有选中“禁用缓存”，因此您是 运行 来自“热缓存”的性能跟踪。
您必须记住，Lighthouse 总是像第一次访问页面一样运行，除非明确告知不要这样做（使用 Lighthouse CLI，或取消选中页面上的“清除存储”复选框Lighthouse 选项卡）所以没有任何缓存的图像、文件等
缓存图像后，我得到了 2 秒的 LCP，就像您正在经历的那样。
如何使性能配置文件与 Lighthouse 看到的相匹配？
您可能会发现此 有用。
我的网站 https://www.rbfamily.nl/ 在 google pagespeed 方面有问题，我不知道为什么。主要瓶颈似乎是 LCP 时间，google 表示需要 7 到 11 秒，具体取决于 运行.
正如您在瀑布流中看到的那样，首屏上的所有内容都会快速加载并且之后不会更改。如果我在 chrome 中使用性能选项卡并将网络设置为 3g 并且速度慢 4 倍 CPU，它仍然会在 2 秒内加载首屏上的所有内容。用lightspeed查看chrome中的“查看原始轨迹”，一秒钟后我没有看到网站有任何变化。
我什至尝试过没有背景图片、网络字体、脚本和首屏内容，但它几乎没有改变 LCP 时间。
谁能告诉我 pagespeed 在调用 LCP 加载之前正在等待什么？
更新
除了css，我把所有东西都精简到了最低限度。 https://rbfamily.dego.dev/
尽管所有内容都在瀑布的第一帧中绘制，但我在灯塔中仍然获得红色 LCP 分数（2.9s）。
谁能告诉我 pagespeed 在调用 LCP 加载之前在等待什么？
当 运行“Fast 3G”和“4x CPU Slowdown”时，我得到与 Lighthouses 预测相似的时间。 （由于 Lighthouse 使用模拟节流，会有一些差异）。
在 7 秒时导致 LCP 的是您的主图（如果从下面的图片中看不清楚，名为“homepagebg.jpg.webp”的 webp 图片是完成加载的大绿色条，就像您会看到 LCP 条目）。
为什么我得到的结果与你不同？
我的猜测是，在“网络”选项卡上您没有选中“禁用缓存”，因此您是 运行 来自“热缓存”的性能跟踪。
您必须记住，Lighthouse 总是像第一次访问页面一样运行，除非明确告知不要这样做（使用 Lighthouse CLI，或取消选中页面上的“清除存储”复选框Lighthouse 选项卡）所以没有任何缓存的图像、文件等
缓存图像后，我得到了 2 秒的 LCP，就像您正在经历的那样。
如何使性能配置文件与 Lighthouse 看到的相匹配？
您可能会发现此