首页

Largest Contentful Paint（LCP）是指第一屏最大内容部分的渲染时间，是测量显示屏第一屏中最大内容元素何时可见的核心网站性能指标。导致LCP差的常见原因是服务器响应时间长。

网页上的内容各有各的格式，通常在加载过程中分阶段加载，导致Largest Contentful Paint元素可能会发生变化。为了处理这种潜在的变化，浏览器在绘制第一帧后立即派出一个performanceEntry类型，Largest Contentful Paint将该类型标记为最大的内容元素。然而，在渲染后续帧内容之后，当最大的内容元素发生变化时，它会再次通过performanceEntry调度另外一个帧。

例如，在具有文本和图像的页面上，浏览器最初可能只渲染文本，此时浏览器将调度一个Largest Contentful Paint条目，该条目的Element属性可能引用文本或图像。一旦图片加载完成，Largest Contentful Paint便会分派第二个条目，并且其Element属性将引用图像。

请注意，一旦一个元素在页面上呈现并对用户可见，它才能被认为是最大的内容元素。尚未加载的图像不被视为"已渲染"。在字体块加载期间，文本节点也不使用Web字体。在这种情况下，较小的元素可能会被报告为最大的内容元素，但较大的元素一旦完成渲染，它们将通过另一个PerformanceEntry报告对象。

除了延迟加载图像和字体外，当新内容可用时，页面可能会向DOM添加新元素。如果这些新元素中的任何一个大于先前最大的内容元素，那么PerformanceEntry还将报告一个新元素。

如果最大内容元素从视口中删除（甚至从DOM中删除），除非呈现更大的元素，否则它将仍然是最大内容元素。