H1 文本的高 LCP 渲染延迟

Question

当我的 LCP 是文本时，是否有任何原因导致渲染延迟较高，这是我的网址 https://www.bachelorstudies.com/programs。 TTFB 似乎是 9%，但渲染延迟偏高

Answer 1

在我的测试中，报告的 LCP 元素是“同意 Cookie 和数据处理”通知。

幻灯片显示了页面最初如何在没有太多内容的情况下加载，然后出现主要内容，然后 cookie 通知出现在其顶部。从页面首次加载到 LCP 元素最终出现的间隙就是渲染延迟。

之所以时间集中在带有一点TTFB的渲染延迟上，是因为LCP元素是基于文本的。截至目前，只有图像报告加载延迟和加载时间。

有关如何提高 Cookie 通知性能的一些实用建议，请参阅：https://web.dev/articles/cookie-notice-best-practices