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

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

About The Author

Outline

原始资料来源:Layer0

2021年4月,谷歌开始推出网页体验更新,其中包括一个排名算法更改,偏向搜索结果中表现最佳的网页。 性能基于网站的核心Web Vitals,Web Vitals是一种对用户体验有重大影响的网页指标。

继续阅读以快速了解您的网站是否通过核心Web重要信息。

什么是核心网络生命周期

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

以下指标构成核心Web重要信息:

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

要通过Core Web Vitals,上述每项指标都需要达到75%访问您网页的用户的推荐目标,具体划分为移动设备和桌面设备。

如何测量核心Web生命体征

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

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

2.在搜索框中输入您的网站网址,然后按Analyze键,等待5-10秒

PageSpeed Insights分析器

3.向下滚动到字段数据。 您将立即在条形图上方的文本中看到您的网站是否通过或未通过核心Web生命价值评估。

字段数据

4.要评估核心网络生命体征指标,请注意LCP,FID和CLS测量,仍在现场数据下。 蓝色书签符号也会标记这些标记。

最大连续油漆(LCP),第一输入延迟(FID),累计布局偏移(CLS)

5.检查你的平均分数。LCP不超过2.5秒FIDS不超过100毫秒CLS不超过0.1被认为是良好的用户体验。

平均度量数据

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

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

忽略实验室数据

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

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

排名基于字段数据

如何改善您的核心网络生命要素

由于多种原因,您可能无法通过Core Web Vitals。 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. 字体加载较晚,显示的字体大于或小于预期

有关如何修复这些问题的解决方案,请参阅此Core Web生命体征优化博客。

为您的网站做好准备,以获得良好的用户体验

到8月,Google将完全改变页面体验更新排名。 如果您的网站通过核心Web重要信息,您将看到更高的SEO和更低的跳出率。 更重要的是,您将提供卓越的体验,让您的用户满意到足以留下来并返回。

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

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

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