最大的内容元素或 LCP 是什么

WhatsApp873

Core Web Vitals是 Google 的一项新举措，旨在改善网络用户体验。 Core Web Vitals 更关注网站的性能和用户体验，而不是关注加载整个网站需要多长时间等一般指标，但最大内容绘制 (LCP) 是 Google 的用户体验指标之一，2021 年成为其中之一的排名因素。 内容中最大的元素是什么？ 下载页面主要内容并可供用户使用所需的时间称为 LCP。事实上，将从用户的角度来看最大的图像或内容块将被测量，任何大于屏幕的东西都不会被计入这个比例。 常见测量的元素是图像、视频预览（封面视频）、背景图像和基于块的元素（例如段落）。 最大的内容元素或 LCP 是什么以及如何在 Gtmetrix 中优化它 图片1） 为什么要测量 LCP？ 最大内容元素（LCP）被选为 Core Web Vitals 分数的关键指标，因为它可以准确衡量网页的加载速度和性能。


用于计算最大内容元素或LCP分数的块级元素 用于计算 LCP 分数的块级元素可以包括 WhatsApp 号码 标签，以及 title、div 和 form 标签。 任何包含文本内容的块级 HTML 元素都可以使用，只要它是页面的主要内容即可。另请注意，并非所有元素都被使用，例如 SVG 和 VIDEO 元素当前不用于计算最大内容绘制（最大内容元素或 LCP）。 最大内容绘制 (LCP) 是更轻松、更好地理解网站问题的基准，因为它允许您通过检查和确定最大的文本或图像块并缩小或删除任何阻止其快速下载的内容来优化网站。由于 Google 首先为移动用户索引大多数网站，因此最好先针对移动设备进行优化，然后针对桌面设备进行优化。 推迟最大的内容绘制元素可能无助于改进网站 有时，网页会分块加载，下载大图像可能比下载最大文本块需要更长的时间。




PerformanceEntry 实际上是为文本块级别的最大元素注册的，但是当在页面开头加载特定图像时，如果它大于用户的屏幕尺寸，则会为该图像报告另一个 PerformanceEntry 对象。 什么是性能入口？ PerformanceEntry 对象是一个单一指标，实际上是性能时间线的一部分。 PerformanceEntry 可以通过在程序中的特定点创建标记或测量（例如，通过调用 mark() 函数）来直接创建。 PerformanceEntry 也可以通过间接方式创建，例如上传文件（如图像）。 图像 对于 LCP 评分可能存在问题 网站管理员通常以原始尺寸上传图像，然后使用 HTML 或 CSS 将其调整为较小的尺寸。主要尺寸是 Google 所说的内在尺寸 （使用此技术，如果没有通过 CSS 应用设置来更改图像的尺寸，则会应用所需的设置来优化图像）。