发布时间:2025 年 10 月 8 日
最大内容渲染时间 (LCP) 会报告视口内可见的最大图片、文本块或视频的渲染时间(相对于用户首次导航到网页的时间)。在优化 LCP 时,将其分解为子部分会很有帮助。每个 LCP 子部分都有特定的改进策略。理想情况下,LCP 的大部分时间应该用于加载资源,而不是消耗在延迟上。
子部分包括:
LCP 子部分 | 说明 |
---|---|
第一字节时间 (TTFB) | 从用户开始加载网页到浏览器收到 HTML 文档响应的第一个字节所用的时间。 |
资源加载延迟 | TTFB 与浏览器开始加载 LCP 资源之间的时间。如果 LCP 元素不需要加载资源即可呈现(例如,如果该元素是使用系统字体呈现的文本节点),则此时间为 0。 |
资源加载时长 | 加载 LCP 资源本身所需的时间。如果 LCP 元素不需要加载资源即可呈现,则此时间为 0。 |
元素渲染延迟 | LCP 资源完成加载与 LCP 元素完全渲染之间的时间。 |
如何传递此分析洞见
此数据分析始终会显示,仅供参考(如果已测量 LCP)。
目标是将 LCP 控制在 2.5 秒或更短的时间内,并尽可能缩短每个阶段的时间,尤其是延迟阶段。如需了解具体策略,请参阅优化 Largest Contentful Paint。