核心网络生命力：2021 年的排名因素
Posted: Wed Dec 04, 2024 10:11 am
2021 年 5 月，Google 将扩大其评估标准组合，将 Core Web Vitals 纳入其中。因此，将来绝对应该考虑测量值。尤其是当网站变得更加复杂、移动友好和互动时。
什么是核心网络生命力？
借助 Core Web Vitals，Google 使网站的用户体验 (UX)变得可衡量。用户体验关注的是用户的理解、需求和欣赏——顾名思义。目的是在用户体验最佳实践的帮助下促进交互和感知质量的提高。
通过 2021 年 5 月的更新，Google 主要关注技术性能问题。核心Web 生命体分为三个不同的指标：最大内容绘制 (LCP)、首次输入延迟 (FID) 和累积布局偏移 (CLS)。
最大内容涂料 (LCP)
最大内容绘制（LCP）测量主要内容的加载时间。正在检查的 圣基茨和尼维斯消费者电子邮件列表
是用户需要等待多长时间才能看到可见内容。 LCP 以秒为单位进行测量并按如下方式评估：
良好：少于 2.5 秒
需要改进：最多 4 秒
差：超过4秒
首次输入延迟 (FID)
首次输入延迟 (FID) 是交互的度量。页面完全加载后，用户希望通过链接、图像或表单进行交互。其效果如何由 FID 来衡量。第一个输入延迟可以计算如下：
良好：小于0.1秒
需要改进：最多 0.3 秒
差：超过0.3秒
累积布局偏移 (CLS)
累积布局偏移 (CLS) 涉及网站的视觉稳定性。这是关于加载内容时的协调。较大的项目会异步加载部分内容，以尽可能缩短用户的加载时间。但这些加载过程必须相互协调，否则网站内容可能会发生跳转。
这意味着什么？在最坏的情况下，用户可能会因布局变化而执行订单，尽管这并非有意为之。当确认按钮和取消按钮彼此重叠并短暂重叠时，就会发生这种情况。这个问题给用户体验带来了负面影响，也让用户感到烦恼。
累积布局偏移是使用布局偏移分数来测量的。 CLS 可以评估如下：
良好：小于0.1
需要改进：最高0.25
差：大于0.25
计算累积布局偏移
要计算累积布局偏移，使用以下公式：
影响分数 * 距离分数 = 布局偏移分数
下面是一个计算示例：
加载网页时，元素占据屏幕高度的 45%（第一帧）
加载期间元素向下移动 15%（第二帧）
影响分数确定屏幕的百分比受到元素移动的影响。这一移动会导致元素从一个区域移动到另一个区域，从而创建两个框架。澄清一下：示例中两个帧的总和得出的影响分数为 0.60（计算：45% + 15% = 60%）。
距离分数表示帧之间布局偏移的大小。选择元素行进的最大距离（水平或垂直）作为初始值。例如，如果不稳定元素移动了 15%，则距离分数为 0.15。
使用影响分数和距离分数，可以计算累积布局偏移 (CLS)：CLS = 0.60 * 0.15 = 0.09（良好）。此示例获得了良好的布局偏移分数，因为它获得了小于 0.1 的结果。
优化核心网络生命力
首先是坏消息：不幸的是，没有简单的解决方案来优化 Core Web Vitals。由于每个系统都不同，因此根据系统的不同，步骤也必须有所不同。好消息是，有一些标准可用于优化 Core Web Vitals：
LCP：服务器响应时间、渲染阻塞（CSS 和 JavaScript）、资源加载时间（图像、CSS）和客户端渲染
FID：减少代码（第三方）的影响，加速JavaScript执行，减轻浏览器主线程的负载并减少请求数量和文件大小
CLS：图像和视频元素的大小信息，不在页面顶部自动插入内容，使用动画，不改变元素的大小
但要小心：每个网站都是单独的。因此，上述优化措施可能存在偏差，需要进一步调整。
用户体验的重要评价标准
未来，谷歌将越来越多地将网站的可用性纳入其评估中。除了将于 5 月添加的 Core Web Vitals 之外，移动优先索引也将于 2021 年 3 月最终更改，以便搜索中不再考虑桌面内容。每个人都应该牢记以下对自己网站的评估标准：
核心 Web 生命体：最大内容绘制 (LCP)、首次输入延迟 (FID)、累积布局偏移 (CLS)
加载速度
针对移动设备的优化
使用 SSL 证书确保数据传输安全
避免非用户友好的广告横幅和干扰物
优化 Core Web Vitals 的免费工具
建议使用6.0 版的Google Lighthouse 报告来测试新标准。流量稳定的网站还可以在Google Search Console中查看 Core Web Vitals 。
不要忘记：优化对网站的用户体验有积极的影响，进而对网站的排名产生积极的影响。因为快速且用户友好的网站不仅会令访问者满意，还会令 Google 满意。
什么是核心网络生命力？
借助 Core Web Vitals，Google 使网站的用户体验 (UX)变得可衡量。用户体验关注的是用户的理解、需求和欣赏——顾名思义。目的是在用户体验最佳实践的帮助下促进交互和感知质量的提高。
通过 2021 年 5 月的更新，Google 主要关注技术性能问题。核心Web 生命体分为三个不同的指标：最大内容绘制 (LCP)、首次输入延迟 (FID) 和累积布局偏移 (CLS)。
最大内容涂料 (LCP)
最大内容绘制（LCP）测量主要内容的加载时间。正在检查的 圣基茨和尼维斯消费者电子邮件列表
是用户需要等待多长时间才能看到可见内容。 LCP 以秒为单位进行测量并按如下方式评估：
良好：少于 2.5 秒
需要改进：最多 4 秒
差：超过4秒
首次输入延迟 (FID)
首次输入延迟 (FID) 是交互的度量。页面完全加载后，用户希望通过链接、图像或表单进行交互。其效果如何由 FID 来衡量。第一个输入延迟可以计算如下：
良好：小于0.1秒
需要改进：最多 0.3 秒
差：超过0.3秒
累积布局偏移 (CLS)
累积布局偏移 (CLS) 涉及网站的视觉稳定性。这是关于加载内容时的协调。较大的项目会异步加载部分内容，以尽可能缩短用户的加载时间。但这些加载过程必须相互协调，否则网站内容可能会发生跳转。
这意味着什么？在最坏的情况下，用户可能会因布局变化而执行订单，尽管这并非有意为之。当确认按钮和取消按钮彼此重叠并短暂重叠时，就会发生这种情况。这个问题给用户体验带来了负面影响，也让用户感到烦恼。
累积布局偏移是使用布局偏移分数来测量的。 CLS 可以评估如下：
良好：小于0.1
需要改进：最高0.25
差：大于0.25
计算累积布局偏移
要计算累积布局偏移，使用以下公式：
影响分数 * 距离分数 = 布局偏移分数
下面是一个计算示例：
加载网页时，元素占据屏幕高度的 45%（第一帧）
加载期间元素向下移动 15%（第二帧）
影响分数确定屏幕的百分比受到元素移动的影响。这一移动会导致元素从一个区域移动到另一个区域，从而创建两个框架。澄清一下：示例中两个帧的总和得出的影响分数为 0.60（计算：45% + 15% = 60%）。
距离分数表示帧之间布局偏移的大小。选择元素行进的最大距离（水平或垂直）作为初始值。例如，如果不稳定元素移动了 15%，则距离分数为 0.15。
使用影响分数和距离分数，可以计算累积布局偏移 (CLS)：CLS = 0.60 * 0.15 = 0.09（良好）。此示例获得了良好的布局偏移分数，因为它获得了小于 0.1 的结果。
优化核心网络生命力
首先是坏消息：不幸的是，没有简单的解决方案来优化 Core Web Vitals。由于每个系统都不同，因此根据系统的不同，步骤也必须有所不同。好消息是，有一些标准可用于优化 Core Web Vitals：
LCP：服务器响应时间、渲染阻塞（CSS 和 JavaScript）、资源加载时间（图像、CSS）和客户端渲染
FID：减少代码（第三方）的影响，加速JavaScript执行，减轻浏览器主线程的负载并减少请求数量和文件大小
CLS：图像和视频元素的大小信息，不在页面顶部自动插入内容，使用动画，不改变元素的大小
但要小心：每个网站都是单独的。因此，上述优化措施可能存在偏差，需要进一步调整。
用户体验的重要评价标准
未来，谷歌将越来越多地将网站的可用性纳入其评估中。除了将于 5 月添加的 Core Web Vitals 之外，移动优先索引也将于 2021 年 3 月最终更改，以便搜索中不再考虑桌面内容。每个人都应该牢记以下对自己网站的评估标准：
核心 Web 生命体：最大内容绘制 (LCP)、首次输入延迟 (FID)、累积布局偏移 (CLS)
加载速度
针对移动设备的优化
使用 SSL 证书确保数据传输安全
避免非用户友好的广告横幅和干扰物
优化 Core Web Vitals 的免费工具
建议使用6.0 版的Google Lighthouse 报告来测试新标准。流量稳定的网站还可以在Google Search Console中查看 Core Web Vitals 。
不要忘记：优化对网站的用户体验有积极的影响，进而对网站的排名产生积极的影响。因为快速且用户友好的网站不仅会令访问者满意，还会令 Google 满意。