什么是核心 Web 要素?
可用性和速度。这就是 Google 在其新提案中所寻求的:Core Web Vitals。一项旨在通过标记 3 个基本因素来简化和统一优化标准的新计划, 印度电话号码清单  理论上,技术知识较少的用户甚至可以满足这些因素。

因此,在这篇文章中,我们将详细讨论这种雄心勃勃且有趣的方法,Google 尚未确定它何时正式生效。

您想了解与 Core Web Vitals 相关的所有内容吗?然后继续阅读,因为当你读完后,你会更好地理解它是关于什么的,它的特征是什么,如何测量这些参数以及使用什么工具。

专题内容菜单
什么是 Core Web Vitals?
Core Web Vitals 有哪些特点?
1º LCP o 最大的内容绘制
2º FID o 第一个输入延迟
3º CLS o 累积布局偏移
Core Web Vitals 如何影响网站的 SEO?
6 个衡量核心 Web 生命值的工具
1) 搜索控制台
2) PageSpeed 洞察
3) 灯塔
4) Web Vitals Chrome
5)SE排名
6)Semrush
什么是 Core Web Vitals?
Web Vitals Core 可被视为 Google 强加的关键指标(LCP、FID 和 CLS),用于衡量和分析网络上的用户体验,同时考虑网站的加载速度、交互性和视觉稳定性。

这一套2020年公开宣布的3个因素,在2021年开始实施,当然也不能免于未来的各种调整。

它旨在作为有利于用户的演变,并将包含在所有 Google 工具中。

Core Web Vitals 有哪些特点?
正如我们已经解释过的,核心 Web Vitals 由 3 个主要元素组成,旨在确保快速加载和良好的用户体验:LCP(内容加载)、FID(交互性)和 CLS(视觉稳定性)。

接下来,我们将定义这三个元素中的每一个:

1º LCP o 最大的内容绘制
加载内容需要多长时间?

LCP 或最大内容绘制,是衡量内容加载时间和网页上首屏或第一个可见屏幕截图的最大元素的指标。

换句话说,从您进入页面的那一刻到页面的完整视觉加载结束,但只是看到的内容而无需向下滚动。

在这里,最繁重的过程的持续时间被获取,无论是文本、图像、视频、一个元素中的另一个元素、block.level 类型的元素还是由 URL 加载的背景图像。

假设你访问你最喜欢的杂志,加载的第一个元素是标题,然后是图像,其余的内容,如果图像是最重的元素,那么 LCP 将非常高。

现在,如果相反,首先加载图像,然后加载其他元素,如标题,LCP 肯定会低得多。

»测量LCP时的范围
LCP 指标
好:小于 2.5 秒。
中:2.6 到 4 秒之间。
差:超过 4 秒。
最佳 LCP 应小于 2.5 秒。

如果您想了解有关该主题的更多信息,这些是 Google 提供的一些优化 Largest Contentful Paint 的建议。

2º FID o 第一个输入延迟
你有多少次点击一个元素而网络在想知道?

FID 是衡量用户点击时元素加载时间的指标,即该站点的快速交互。

如果我们必须举一个例子,它会与上一个类似,尽管这次重点放在交互元素上,例如按钮或链接。

想象一下,您想去看一场演出,并且可以选择在互联网上预订门票,一旦页面的所有视觉元素都加载完毕,您就可以通过单击按钮开始购票流程。

页面响应交互或点击操作所需的时间称为 FID 或首次输入延迟。

优化此指标的正确方法是通过 <input> 和 <textarea> 标签,这些原生 HTML 文本字段负责完成正在进行的任务。

»测量 FID 时的范围
FID指标
好:小于 100 毫秒。
中:介于 101 和 300 毫秒之间。
差:超过 300 毫秒。
最佳 FID 应小于 0.1 秒。

以下是 Google 优化 FID 的建议。

3º CLS o 累积布局偏移
CLS 是衡量视觉稳定性的指标。

我们所说的视觉稳定性是什么意思?好吧,我们指的是在屏幕上查看元素时元素执行的运动。

例如,当我们访问一个网站并通过向下滚动一些文本来欣赏图像的加载方式时。布隆迪企业名录  或者当标题通过加载选项栏向下滚动时。

特定页面上发生此类变化的幅度和周期性产生了该指标。

这些情况与 CLS 相关,即元素加载和出现时的位置变化。

Leave a Reply

Your email address will not be published.