Largest Contentful Paint(LCP)指的是首屏最大内容版块的渲染时间，它是一个核心的网站性能指标，用于测量显示器首屏中最大的内容元素何时可见。导致LCP差的常见原因是服务器响应时间长。
一个网页上的内容各有各的格式，在加载过程中它们通常是分阶段加载的，所以导致了Largest Contentful Paint元素可能会发生变化。为了处理这种潜在的变化，浏览器在绘制第一帧后立即派出一个performanceEntry类型，Largest Contentful Paint将该类型标识为最大的内容元素。但是，在染后续帧内容之后，它将performanceEntny在最大的内容元素发生更改的时候再次调度另外一个帧。
例如，在具有文本和图像的页面上，浏览器最初可能只是渲染文本，此时，浏览器将调度一个Largest Contentful Paint条目，该条目的Element属性可能引用<p>或<h1>。一旦图片加载完成，Largest Contentful Paint便会分派第二个条目，并且其Element属性将引用<img>。
注意，一个元素一旦在页面上呈现并对用户可见，就只能被认为是最大的内容元素。尚未加载的图像则不被视为“已渲染”。在字体块加载期间，文本节点也不使用Web字体。在这种情况下，较小的元素可能会报告为最大的内容元素，但是较大的元素一旦完成渲染，就会通过另一个PerformanceEntry对象进行报告。
除了延迟加载图像和字体外，页面可能会在新内容可用时向DOM添加新元素。如果这些新元素中的任何一个大于先前最大的有争议元素，那么PerformanceEntny还将报告一个新元素。
如果当前认为的最大内容元素从视口中删除(甚至从DOM中删除)，除非呈现较大的元素，否则它将仍然是最大内容元素。
