每个网页都由数十或数百个元素组成。其中包括文本、图像、按钮、小部件等等。每个元素的大小各不相同，最大的调用会告诉您很多关于使用称为最大内容绘制 (LCP) 的指标优化您的网站的情况。
在本文中，我们将解释LCP（英文全称Largest Contentful Paint）的概念。我们还将向您展示如何测量此数据点并解释结果。最后，我们将讨论如何优化您的LCP分数。
什么是最大内容绘制 (LCP)？
在大多数网页上，有一个元素因其大小和突出程度而与众不同。例如，考虑这个着陆页，其中巨无霸Banner部分在视口中占主导地位：
那个巨无霸Banner部分代表这个特定页面的最大内容绘制（LCP）。也就是说，LCP是网站渲染包含最多内容的元素所花费的时间。
如果您想找出此页面的LCP，您需要测量加载英雄部分所需的时间。理论上，如果您的LCP分数较低，则意味着您的网站优化得很好，并且可以为用户快速加载。
重要的是要了解LCP分数可能（并且希望会）与您网站的整体加载时间不同。您可能有一个页面需要 3 秒才能完全加载，但它的LCP可能只有 2 秒。这是因为大多数现代网站还在文本和媒体文件之上加载脚本。
通常，LCP与PageSpeed Insights。您可以输入任何URL，服务将对该页面进行完整的性能测试。在结果中，您将看到总体性能得分。实测数据部分下还有其他指标的细分——包括LCP：
PageSpeed Insights收集来自多个用户的真实性能数据，并使用它为您提供一段时间内的汇总分数。这种方法比使用单个测试来确定您网站的性能要精确得多。
此外，您可以获得每个分数的百分比细分。在上面的例子中，我们可以看到89%的页面加载发生在1.5秒内，这是一个了不起的分数。但是，其余11%的页面加载不在该范围内。这意味着对于某些用户来说，LCP需要更长的时间来解决。
重要的是要了解，即使您的网站优化得很好，加载时间也会 因用户群而异。某些访问者的Internet连接速度可能较慢或距离您的服务器太远。这些只是在某些情况下加载时间可能更长的众多原因中的两个。这就是为什么有一个平均分数作为参考至关重要。
如果您进一步向下滚动PageSpeed Insights结果页面，您将看到实验室数据部分。在这里，Google为您提供了它刚刚在您的网页上运行的测试的精确结果：
PageSpeed Insights使用此实验室数据为您提供您在结果开始时看到的总分。实验室数据不能像汇总的实测数据信息那样提供全面的信息。但是，它仍然可以让您对网站的性能有一个很好的了解。
理想情况下，您的LCP分数应低于2.5秒（相比之下，跳出率显着增加。
根据我们的经验，PageSpeed Insights 是您可以用来衡量LCP和整体加载时间的最佳工具。但是，如果您为您的网站设置了Search Console，您也可以访问相同的信息，我们绝对推荐用于搜索引擎优化 (SEO) 目的。
如果您想查看 Google 之外的内容，您还可以使用GT Metrix和Pingdom等Core Web Vitals是衡量标准。
LCP只是其中之一。其他包括您网站的性能时，最好不要关注单个数字，例如加载主页所需的时间。虽然这很重要，但 LCP 等个别指标可以帮助您确定可能需要改进的特定元素和领域。
每个页面的最大内容绘制让您了解访问者必须等待多长时间，直到页面加载到足以让他们理解它。使用 FCP，它是查看页面所需的时间。即便如此，他们也可能需要等待更长的时间，直到它成为可交互的，这可能会在 LCP 之后出现。这个指标是一个难题。但是，通过优化此分数，您可以在您的网站上提供更好的用户体验。
