最大有关网站优化程度的很多信息将讨论LCP概念概念

　　最大有关网站优化程度的很多信息将讨论LCP概念概念

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

　　在本文中，我们将解释 LCP 的概念。我们还将向您展示如何测量此数据点并解释结果。最后，我们将讨论如何优化您的 LCP 分数。让我们开始工作吧！

　　什么是最大内容绘制 (LCP)？

　　在大多数网页上，都有一个元素因其大小和突出而引人注目。例如，考虑这个着陆页，其中英雄部分控制视口：

　　英雄部分代表此特定页面的最大内容绘图 (LCP)。换句话说，它是用户访问 URL 时立即呈现的最大元素。

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

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

　　通常，LCP 和 First Contentful Paint (FCP) 齐头并进。这是一个指示器，它告诉您当有人访问您的网站 时第一个元素出现需要多长时间。合并后，与整体加载时间相比，这些指标（或 Google 的核心网络生命体征）将使您更好地了解 网站 的性能。

　　请记住，Google 在衡量您的 网站 LCP 时不会考虑所有内容。它将忽略可缩放矢量图形 (SVG) 文件和视频等元素，因为它们几乎总是任何页面上“最大”的元素。

　　如何测量 LCP

　　通常，很容易确定任何网页上的“最大”元素是什么。您所要做的就是等待页面完全加载并环顾四周。在大多数情况下，一个部分或元素比其他部分或元素更突出。

　　真正的技巧是测量元素加载所需的时间。幸运的是，如果您曾经使用过一种工具或服务来衡量加载时间，那么它很可能还收录详细的指标，例如 FCP 和 LCP 分数。

　　以 PageSpeed 洞察为例。您可以输入任意网址，服务将对页面进行完整的性能测试。在结果中，您将看到整体性能得分。其他指标将在字段数据部分下细分——包括 LCP：

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

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

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

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

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

　　理想情况下，您的 LCP 分数应小于2.5 秒。它越低越好，因为您的整体加载时间应保持在 3 秒以下以获得最佳效果。之后，您通常会开始看到跳出率显着增加。

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

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

　　如何优化您的 LCP 分数

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

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

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

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

　　关于最大内容绘制 (LCP) 的常见问题

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

　　LCP 如何适应我的网站 整体表现？

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

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

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

　　除了LCP，还有哪些核心的网页元素？

　　核心网络生命体征是 Google 在尝试确定 网站 是否提供强大的用户体验 (UX) 时考虑的指标。 LCP 只是一个重要因素 - 其他因素包括首次输入延迟 (FID) 和累积布局偏移 (CLS)。

　　结论

　　在评估你的网站性能时，最好不要关注一个数字，比如你的主页需要多长时间加载。相反，您需要关注更具体的指标，例如 LCP。

　　每个页面的 LCP 让您知道访问者必须等待多长时间，直到页面加载到足以让他们理解它。即便如此，他们可能需要等待更长时间，直到它变成交互式。 FCP 是一个难题。但是，通过优化此分数，您可以在 网站 上提供更好的用户体验。

　　您对如何衡量或提高您的网站 LCP 分数有任何疑问吗？让我们在下面的评论部分讨论它们！

　　来自 NeMaria 的精选图片/

　　来源

　　原创文章，作者：WPJIAN，如转载请注明出处：