因此,我想简要介绍一下 Core Web Vitals 的详细信息,以及他们正在衡量的内容。我认为人们对它们有点着迷,因为它们太技术性了。当你谈论他们时,他们的眼睛会发光。所以我的建议是我们不要纠结于实际细节。但我认为重要的是要理解,用外行人的话来说,这正是正在测量的内容。
更重要的是,我们想讨论如何衡量这些事情,识别问题,并在出现问题时修复它们。简而言之,核心网络生命线涉及三个信号。
1.最大含量涂料(LCP)
第一种大含量涂料 (LCP)。通俗地说,它基本上是在问页面加载的速度有多快?非常简单的概念。所以它很大程度上受到渲染时间、视口中最大的图像、视频、文本的影响。
这就是谷歌正在寻找的东西。加载视口中 whatsapp 主管 最大的对象(无论是桌面页面还是移动页面)、最大的内容(无论是图像、视频还是文本)需要多快?很简单。它可能会受到服务器时间、CSS、JavaScript、客户端渲染的影响。
这些都可以发挥作用。那么它的加载速度有多快呢?
2. 累积布局偏移(CLS)
第二件事,累积布局偏移(CLS)。谷歌问的问题是,页面稳定的速度有多快?现在我确信我们都有过这样的经历:我们在手机上加载了一个页面,我们点击一个按钮,然后在最后一秒它发生了变化,我们点击了其他东西,或者页面布局中的某些东西意外地发生了变化。
这是一种糟糕的用户体验。这就是谷 稍后这是 歌正在衡量的整体布局转变。一切稳定的速度有多快?事情不稳定的原因之一是图像大小通常是未定义的。因此,如果您有一张图像,并且其宽和高均为 400 像素,则需要在 HTML 中定义它们。还有其他原因,比如动画之类的。
但这就是他们正在测量的,整体布局的变化。
3. 首次输入延迟 (FID)
这些核心 Web Vitals 指标中的第三项是首次输入延迟 (FID)。所以这个问题基本上是在问,页面交互的速度有多快?换句话说,当用户单击对象、按钮或 JavaScript 事件时,浏览器能够以多快的速度开始处理它并产生结果?
当你点击某个东西但没有
任何反应或者速度非常慢时,这不是一个好的体验。这就是它所测量的。它可能取决于您的 JavaScript、第三方代码,并且有不同的方 安圭拉讯息 法可以深入研究和修复它们。因此,这三者共同构成了核心网络生命力,并包含在页面体验信号中。所以就像我说的,我们不要沉迷于它们。
测量和校正方法
让我们关注真正重要的事情。如果您遇到问题,如何衡量 Core Web Vitals 的表现,以及如何解决这些问题?谷歌已经让它变得很容易被发现。您要做的第一件事就是查看搜索控制台。他们有一份新报告——Core Web Vitals。他们会告诉您索引中的所有 URL,无论它们是坏的、需要改进的还是好的。
如果您的网址不好或需要改进
那么您需要调查并找出问题所在以及如何改进这些页面。 Search Console 中的每个报告都链接到 Page Speed Insights 中的报告。这可能是您用来诊断 Core Web Vitals 问题的第一个工具。