Home 技术文章 如何衡量”我的网站”的核心Web生命体征
Applications

如何衡量”我的网站”的核心Web生命体征

About The Author

Outline

原始资料来源:Layer0

2021年4月,Google开始推出页面体验更新,其中包含了一个排名算法更改,有利于搜索结果中表现最佳的网页。 性能基于网站的核心Web虚拟数据,这是一种对用户体验有很大影响的网页指标。

继续阅读以快速了解您的网站是通过核心Web虚拟数据还是失败。

什么是核心Web生命体征

作为Google为所有人创建更快Web的努力的一部分,Chrome团队一直致力于标准化一组指标,以衡量用户体验页面性能的方式。 核心Web虚拟化技术已成为解决这一性能难题的主要部分;这些指标侧重于加载,交互性和视觉稳定性。

以下指标构成核心Web生命体征:

  • 最大内容画图(LCP):测量最大内容元素在屏幕上完全可见的时间。 2.5秒或更短的NCP被认为是良好的加载体验。
  • 首次输入延迟(FID):测量从用户首次与页面交互(单击或点击)到浏览器实际能够响应该交互的时间。 100毫秒或更少的FIDS被认为是良好的交互体验。
  • 累积版式偏移(CLS):测量用户遇到意外版式偏移的频率。 .1或更低的CLS被认为是一种非常视觉稳定的体验。

要通过Core Web Vitals,以上每项指标都需要达到75%访问您的页面的用户的建议目标,这些用户在移动设备和桌面设备之间进行了细分。

如何测量核心Web生命体征

当网站通过核心Web虚拟数据时,用户放弃页面的可能性降低了24%。 也就是说,任何网站所有者都可以并且应该衡量这些指标。 检查您的网站是否通过其核心Web虚拟化的最简单方法是通过PageSpeed Insights。

1访问 https://developers.google.com/speed/pagespeed/insights

2在搜索框中键入您的网站URL,按分析并等待5 -10秒

PageSpeed Insights分析器

3向下滚动至” 字段数据“。 您将立即在条形图上方的文本中看到您的站点是否通过或未通过核心Web虚拟数据评估。

字段数据

4要评估核心Web虚拟指标,请注意LCP,FID和CLS测量,仍在现场数据下。 蓝色书签符号也标记了这些标记。

最大内容画图(LCP),首次输入延迟(FID),累积版式偏移(CLS)

5检查您的平均得分。 LCP为2.5秒 或更短, FIDS为100毫秒 或更短, CLS为.1 或更短,这些都被认为是良好的用户体验。

平均度量数据

6要确定您是否通过了单个核心Web重要指标,请检查绿色栏中的百分比。 如果达到75%或更高,您就会通过。 这意味着您的网页至少在用户访问该网页的75%的时间内,为该特定指标提供良好的用户体验。

核心Web重要阈值–第75百分位数

忽略实验室数据

PageSpeed Insights页面上既有实验室数据,也有现场数据。 字段数据 来自实际加载页面并与页面交互的真实用户。 实验室数据在理想条件下通过受控测试进行测量,不会捕获实际瓶颈(例如设备,网络条件,设置等)。

Google 不会 使用实验室数据或Lighthouse性能得分对您的网站进行排名。 等级仅基于下图所示的射野数据。

等级基于”农田数据”

如何改善您的核心Web生命体征

由于多种原因,您可能无法通过Core Web虚拟现实。 PageSpeed Insights提供LCP和CLS审核。 虽然不包括FID,但改善(TBT)总封锁时间的优化也应改善现场FID。

要查看您的审核,请执行以下步骤:

向下滚动到页面的”机会”部分,查看特定指标的审计。

PageSpeed洞察机会

2点击您想要改进的指标,您将获得更深入的技术,以改善网页上的加载时间,交互性或视觉稳定性。

PageSpeed Insights审核

通常,Core Web Vital出现故障有几个常见原因。

最大的内容画很容易受到以下因素的影响:

  1. 服务器响应时间较慢
  2. JavaScript 和 CSS 的渲染阻塞
  3. 资源加载时间长
  4. 客户端呈现问题

首次输入延迟受以下因素影响:

  1. 主线程受阻达 50 毫秒或更长时间的长任务
  2. 第一方脚本执行延迟交互准备
  3. JavaScript执行时间过长

在以下情况下,视觉不稳定(即累积版式偏移)是一个问题:

  1. 图像,视频或广告会自行调整大小
  2. 字体加载较晚,显示的字体大于或小于预期

有关如何解决这些问题的解决方案,请参阅此核心Web虚拟化博客。

为您的网站提供良好的用户体验

到8月,Google将完全更改页面体验更新排名。 如果您的网站通过了Core Web Vitals,您将看到更高的SEO和更低的跳出率。 更重要的是,您将提供一个卓越的体验,满足您的用户足够停留和返回。

Layer0构建了一个免费工具来跟踪,测量和优化您的核心Web生命体征。 您的网站无需托管在Layer0上即可利用这些分析。 它只需一个脚本标签即可

冰岛旅游指南,冰岛最大的旅游网站,在进入Layer0平台之前,三个指标都失败了。 它的网站速度提高了55 %,并通过了Core Web Vitals与飞行的颜色。

如果您对页面体验更新或如何加快网站速度有任何疑问,请立即联系网站速度专家。 如果您已准备好试用该平台,请在此处注册!