0

根据来自 Chrome Incognito 和 WebPageTest.org 的 Lighthouse 报告，以下网页的最大内容绘制 (LCP) 分数在 2.5 秒到 2.7 秒之间变化。

有这个 LCP 问题的网页 = http://www.showmyhall.com/c/India/Karnataka/Bangalore/halls/marriage-halls

WebPageTest 结果页面 = https://webpagetest.org/result/211226_AiDcFQ_7d18f1f7dc7bcdcf6fd75be523a5fc4b/?view=webvitals

显示 LCP 问题的幻灯片如下所示。 显示 LCP 问题的幻灯片

我已经删除了额外的字体，但我无法弄清楚为什么下面突出显示的大段落 (div) 是 LCP 探测的原因。

此 div 中的相关文本与来自服务器端的文档一起出现，既不通过 ajax 也不通过任何类型的“if”或“for”条件/循环加载。

我尝试在 StackOverflow 和 Google 中寻找答案，但徒劳无功。我已经通过https://web.dev/lcp/

有人可以告诉我如何进一步调试，或者导致高 LCP 问题的 div 中的文本有什么问题？

4

1 回答 1

1

这一段没有问题。它被突出显示是因为它是首屏上方的“最大内容”。您的 LCP 指标是指此段落出现的时间。

由于该段落与页面的其余部分同时出现，您需要想知道为什么您的整个第一次绘制速度很慢。

（从您的 WPT 瀑布来看，您的服务器响应 HTML 的速度似乎很慢。看起来太多的 CSS 和 JS 文件在头部同步加载，来自 3rd 方域。尝试异步加载它们或从您的主域.)

于 2021-12-26T12:35:11.770 回答