LCP 细分

Connor Clark
Connor Clark

发布时间:2025 年 10 月 8 日

最大内容渲染时间 (LCP) 会报告视口内可见的最大图片、文本块或视频的渲染时间(相对于用户首次导航到网页的时间)。在优化 LCP 时,将其分解为子部分会很有帮助。每个 LCP 子部分都有特定的改进策略。理想情况下,LCP 的大部分时间应该用于加载资源,而不是消耗在延迟上。

子部分包括:

LCP 子部分 说明
第一字节时间 (TTFB) 从用户开始加载网页到浏览器收到 HTML 文档响应的第一个字节所用的时间。
资源加载延迟 TTFB 与浏览器开始加载 LCP 资源之间的时间。如果 LCP 元素不需要加载资源即可呈现(例如,如果该元素是使用系统字体呈现的文本节点),则此时间为 0。
资源加载时长 加载 LCP 资源本身所需的时间。如果 LCP 元素不需要加载资源即可呈现,则此时间为 0。
元素渲染延迟 LCP 资源完成加载与 LCP 元素完全渲染之间的时间。
LCP 子部分

如何传递此分析洞见

此数据分析始终会显示,仅供参考(如果已测量 LCP)。

目标是将 LCP 控制在 2.5 秒或更短的时间内,并尽可能缩短每个阶段的时间,尤其是延迟阶段。如需了解具体策略,请参阅优化 Largest Contentful Paint

其他参考资料