每个网页都由数十或数百个元素组成。其中包括文本、图像、按钮、小工具等等。每个元素的大小各不相同,最大的调用会告诉您很多关于使用称为最大内容绘制 (LCP) 的指标优化您的网站的情况。 在如何改善您的网站上的最大内容绘制方面感到困惑?或者不确定Largest Contentful Paint是什么意思,以及为什么你首先需要关心它? 无论你从哪里开始,这篇文章都是为你准备的,因为你将了解到关于Largest Contentful Paint的所有知识。 这包括Largest Contentful Paint是什么意思,为什么它很重要,如何衡量它,以及如何改进它。 在本文中,我们将解释LCP(英文全称Largest Contentful Paint)的概念。我们还将向您展示如何测量此数据点并解释结果。最后,我们将讨论如何优化您的LCP分数。 什么是最大内容绘制 (LCP)? 在大多数网页上,有一个元素因其大小和突出程度而与众不同。例如,考虑这个着陆页,其中巨无霸Banner部分在视口中占主导地位: 那个巨无霸Banner部分代表这个特定页面的最大内容绘制(LCP)。也就是说,LCP是网站渲染包含最多内容的元素所花费的时间。 如果您想找出此页面的LCP,您需要测量加载英雄部分所需的时间。理论上,如果您的LCP分数较低,则意味着您的网站优化得很好,并且可以为用户快速加载。 重要的是要了解LCP分数可能(并且希望会)与您网站的整体加载时间不同。您可能有一个页面需要 3 秒才能完全加载,但它的LCP可能只有 2 秒。这是因为大多数现代网站还在文本和媒体文件之上加载脚本。 通常,LCP与First Contentful Paint (FCP) 齐头并进。这是一个指标,它告诉您当有人访问您的网站时,呈现任何内容的第一个元素需要多长时间 。结合使用这些指标(或 Google的Core Web Vitals),您可以比整体加载时间更深入地了解网站的性能。 请记住,在衡量您网站的LCP时,Google不会考虑所有内容。它将忽略可缩放矢量图形 (SVG) 文件和视频等元素,但这些元素可能会包含在Google的Core Web Vitals的未来更新中。 Largest Contentful Paint是一个性能指标,衡量网页主要内容的加载时间。 Largest Contentful Paint与Cumulative Layout Shift(CLS)和First Input Delay(FID)一样,都是谷歌核心网络指标的一部分。 在更多的技术层面上,”最大内容 “衡量从用户开始加载页面到视口内呈现最大文本块、图像或视频所需的时间。 在LCP方面,”主要内容 “是什么意思? 好吧,主要内容将取决于有关的实际页面,但它可能是以下任何一种: 文本–更具体地说,包含文本节点或其他内联级文本元素的任何块级元素。 […]

































