最大的内容涂料 (LCP)

Unite professionals to advance email dataset knowledge globally.
Post Reply
rubinaruma
Posts: 228
Joined: Sun Dec 22, 2024 4:24 am

最大的内容涂料 (LCP)

Post by rubinaruma »

具体来说,核心网页指标检查初始视口中最大内容的加载速度(加载)、页面的响应速度(交互性)以及页面的跳跃速度(视觉稳定性)。每个支柱都与一个指标相关。构成核心网页指标的三个指标是最大内容绘制、首次输入延迟和累计布局偏移。

准备好了解 LCP、FID 和 CLS 的字母大杂烩了吗?我们开始吧。


最大内容绘制测量感知加载速度。同样,测量加载速度并不是什么新鲜事。新的东西是 Google 测量感知加载速度的方式。从历史上看,他们推荐过速度指数 (SI)(页面可见部分显示的平均时间)或首次有效绘制 (FMP)(用户启动页面加载和页面呈现主要首屏内容之间的时间)等指标。最大内容绘制测量在视口中呈现最大单个元素所需的时间。

最大内容绘制报告视口内最大元素的渲染时间(相对于页面首次开始加载的时间)。

这是与之前版本之间的细微差别,但非常重要。本质上,LCP 向你的网 越南电报号码数据库 站询问的是“页面上最大的单个元素需要多长时间才能显示出来?”

那么,为什么要进行改变呢?根据W3C Web 性能工作组的讨论和公司内部的研究,Google 发现,衡量用户何时认为页面“主要内容”有用,而不是衡量 FMP,是一种更准确的方法。

有关考虑哪些类型的元素以及如何计算元素大小的更多信息,您可以查看LCP API。

如何提高低 LCP 分数
按照 Google 的标准,良好的 LCP 分数应少于 2.5 秒。较长的 LCP 时间往往由于以下原因而发生:

服务器响应时间缓慢
应用程序上的渲染阻止 JavaScript 和 CSS
资源加载时间缓慢
客户端渲染
改善 LCP 的最佳方法是找到视口中最大的元素并找出如何更快地渲染它。这可能意味着优化和压缩图像或内容文件、预加载重要资源、使用 CDN 或内联某些资产。从Jamstack 架构开始可以帮助解决很多问题,因为所有内容都是为提高性能而预先构建的,并直接部署到全球边缘网络。
Post Reply