网站如何优化内容( 最大最大内容绘制(LCP)指标优化您的网站情况)

　　网站如何优化内容(

最大最大内容绘制(LCP)指标优化您的网站情况)

　　每个网页都由数十或数百个元素组成。这包括文本、图像、按钮、小部件等。每个元素的大小都不同，最大的调用会告诉你很多关于使用称为最大内容呈现 (LCP) 的指标优化 网站 的信息。

　　在本文中，我们将解释 LCP（英语中最大的内容绘制）的概念。我们还将向您展示如何测量此数据点并解释结果。最后，我们将讨论如何优化您的 LCP 分数。

　　什么是最大内容呈现 (LCP)？

　　在大多数网页上，都有一个元素因其大小和突出而引人注目。例如，考虑这个登陆页面，巨无霸横幅占据了视口：

　　巨无霸横幅代表此特定页面的最大内容呈现 (LCP)。换句话说，LCP是网站渲染收录最多内容的元素所花费的时间。

　　如果你想知道这个页面的LCP，你需要测量加载英雄部分所花费的时间。理论上，如果你的LCP分数低，说明你的网站优化得很好，可以为用户快速加载。

　　重要的是要了解 LCP 分数可能（并且希望会）与您的 网站 整体加载时间不同。您可能有一个页面需要 3 秒才能完全加载，但它的 LCP 可能只有 2 秒。这是因为大多数现代网站 还会在文本和媒体文件之上加载脚本。

　　通常，LCP 和 First Contentful Paint (FCP) 齐头并进。这是一个指示器，它告诉您当有人访问您的 网站 时，呈现任何内容的第一个元素需要多长时间。结合这些指标（或 Google 的 Core Web Vitals），您可以比整体加载时间更深入地了解 网站 的性能。

　　请记住，Google 在衡量您的 网站 LCP 时不会考虑所有内容。它将忽略可缩放矢量图形 (SVG) 文件和视频等元素，但这些元素可能会收录在 Google Core Web Vitals 的未来更新中。

　　如何测量 LCP

　　通常，很容易确定网站 上最大的内容元素。您所要做的就是等待页面完全加载并环顾四周。在大多数情况下，一个部分或元素比其他部分或元素更突出。正如我们上面提到的，它可能是英雄部分，也可能是博客中的实际帖子内容。

　　通常是一张图片或一段文字（例如上面的英雄部分或一般的博客内容）。 LCP 也因用户而异，因为它基于他们的视口（或折叠内容之上）。

　　LCP 的真正技巧是测量加载特定元素所需的时间。 （不是页面本身。）幸运的是，如果您曾经使用过可以测量加载时间的工具或服务，那么它很可能还收录详细的指标，例如 FCP 和 LCP 分数。

　　例如，考虑 PageSpeed Insights。您可以输入任意网址，服务将对页面进行完整的性能测试。在结果中，您将看到整体性能得分。实测数据部分下还有其他指标——包括LCP：

　　PageSpeed Insights 从多个用户那里采集真实的性能数据，并使用它为您提供一段时间内的汇总分数。这种方法比使用单一测试来确定您的网站 性能要准确得多。

　　此*敏*感*词*内。这意味着对于某些用户来说，LCP 需要更长的时间来解决。

　　重要的是要了解，即使您的网站 优化得很好，加载时间也会因用户群而异。某些访问者的 Internet 连接速度可能很慢或距离您的服务器太远。这些只是在某些情况下加载时间可能更长的众多原因中的两个。这就是为什么以平均分数作为参考很重要的原因。

　　如果您在 PageSpeed Insights 结果页面进一步向下滚动，您将看到实验室数据部分。在这里，Google 会为您提供刚刚在您的网页上运行的测试的准确结果：

　　PageSpeed Insights 使用此实验室数据为您提供您在结果开始时看到的总分。实验室数据无法提供综合测量数据信息等综合信息。但是，它仍然可以让您很好地了解网站 的表现。

　　理想情况下，您的 LCP 分数应小于2.5 秒（相比之下，FCP 是理想的1.8 秒）。这次越低越好。为了获得最佳分数和体验，您的整体加载时间应保持在 3 秒以下。之后，您通常会开始看到跳出率显着增加。

　　根据我们的经验，PageSpeed Insights 是您可以用来衡量 LCP 和整体加载时间的最佳工具。但是，如果您为 网站 设置了 Search Console，您也可以访问相同的信息，我们绝对推荐它用于搜索引擎优化 (SEO) 目的。

　　如果您想查看 Google 之外的内容，您还可以使用浏览器的开发工具手动测量 LCP 时间。大多数开发工具包使您能够测量页面加载时间，提供有关加载每个元素和处理每个请求所需时间的详细信息。但是，与使用第三方服务相比，这种手动方法涉及的工作要多得多。

　　您还可以使用 GT Metrix 和 Pingdom 等速度测试服务来查看有关 LCP 和其他页面加载指标的更多信息。

　　如何优化网站LCP 分数

　　如果你能识别出页面上最大的元素，你应该能够对其进行优化。例如，如果元素是图像，您可以随时使用压缩工具来减小其文件大小并提高 LCP 分数。

　　但是，这个方法只适用于你的网站没有很好的优化。如果您已经采取措施提高网站 的性能，那么您需要考虑不同的方法来优化其 LCP 分数。

　　根据我们的经验，您可以通过以下最有效的优化来提高网站 的 LCP 分数：

　　总的来说，如果你以任何方式提高网站的性能，所有这些优化方法都是标准建议。如果你花时间优化你的网站，你的 LCP 分数应该会相应下降，你的用户会因此而高兴。

　　关于最大内容呈现 (LCP) 的常见问题

　　了解 LCP 等概念不如了解单个页面的整体加载时间直观。考虑到这一点，以下是我们看到的一些关于 LCP 分数的最常见问题。

　　LCP 如何影响我的网站 表现？

　　在衡量你的网站的性能时，单一的整体加载时间并不能让你准确地了解你页面的优化程度。专注于 LCP 等特定指标将使您能够更好地了解服务器的响应方式。它还告诉您用户完整查看您的网站 需要多长时间。专门针对 LCP 或其他指标只会提高您的 网站 整体性能，因为它们是更大整体的一部分。

　　LCP 和页面加载时间一样吗？

　　网站 所有者通常会测试他们的页面并检查每个页面的加载时间。一些性能测量工具给你一个单一的数字，没有别的。但是，LCP 等个别指标可以帮助您更好地了解用户访问您的 网站 时实际发生的情况。

　　LCP 很可能在整个页面加载之前发生。并且某些元素可能会在它之后填充（较大的文件大小或图像）。理想情况下，您的 LCP 时间将快于整个页面加载时间。

　　除了 LCP 之外，还有哪些 Web 核心元素？

　　当 Google 试图确定 网站 是否可以提供强大的用户体验 (UX) 时，其核心 Web Vitals 就是衡量标准。

　　LCP 只是其中之一。其他包括首次输入延迟 (FID) 和累积布局偏移 (CLS)。您还可以查看 First Contentful Paint (FCP)，它与用户对页面加载速度的看法更相关。

　　总结

　　在评估您的网站 性能时，最好不要关注单个数字，例如加载主页所需的时间。虽然这很重要，但 LCP 等个别指标可以帮助您确定可能需要改进的特定元素和领域。

　　每个页面的最大内容绘制让您知道访问者必须等待页面加载到足以让他们理解它的时间。有了FCP，就是查看页面所需的时间。即便如此，他们可能需要等待更长时间，直到它变成交互式，这可能会出现在 LCP 之后。这个指标是个难题。但是，通过优化此分数，您可以在 网站 上提供更好的用户体验。