码迷,mamicode.com
首页 > Web开发 > 详细

【高性能网站搭建-learn-web-vitals翻译】——Web Vitals

时间:2020-12-02 12:19:54      阅读:11      评论:0      收藏:0      [点我收藏+]

标签:包括   提高   核心   应该   性能   好的   推荐   高性能   测量   

原文章链接:https://web.dev/vitals/

 

优化用户体验质量是任何网站长期成功的关键。无论你是一个企业主,营销人员,或开发人员,Web Vitals可以帮助你量化你的网站的体验,并识别出可以提高的地方。

概述

webvitals是Google发起的一项倡议,旨在为web质量指标提供统一的指导,这些信号对于在Web上提供出色的用户体验至关重要。

多年来,谷歌提供了许多工具来衡量和报告性能。一些开发人员是使用这些工具的专家,而另一些开发人员发现对于工具和度量的丰富性,要跟上很有难度。

网站所有者不应该必须是性能优化专家才能了解他们为他们的用户提供的体验质量,Web Vitals倡议致力于简化使用环节并帮助网站聚焦于最重要的指标,即核心Web Vitals。

核心Web Vitals

核心webvitals是webvitals的子集,webvitals应用于所有的web页面。核心webvitals应该被所有的网站所有者测量,并且会被显示在所有的谷歌工具上。每一个核心的Web关键点代表了用户体验的不同方面,这些指标是可测量的,并且反应了以用户为中心的真实场景体验的关键结果。

构成网站衡量的关键指标会随着时间而变化。2020年的当前设置集中在用户体验加载、交互性和视觉稳定性的三个方面,包括以下指标(及其各自的阈值):

LCP: 衡量加载体验。为了提供良好的用户体验, LCP 应该在页面首次开始加载后的 2.5 秒内发生 。2.5S-4S之间需要提高,高于4S就是poor,即差得不行了。

FID: 衡量可交互性,为了提供良好的用户体验,页面的 FID 应当小于 100毫秒。100-400之间需要提高,400以上属于差的不行的。

CLS:衡量视觉稳定性,为了提供良好的用户体验,页面的CLS应保持小于 0.1。0.1-0.25之间需要提高,0.25以上属于差的不行的。

对于以上每个指标,为了确保大多数用户都达到了推荐的目标,一个很好的衡量指标是页面加载的第75个百分位数,该值在移动和桌面设备上进行了划分。

评估核心Web关键点合规性的工具应考虑,如果页面满足上述三个指标的75%,页面就是符合高性能体验的。

 

【高性能网站搭建-learn-web-vitals翻译】——Web Vitals

标签:包括   提高   核心   应该   性能   好的   推荐   高性能   测量   

原文地址:https://www.cnblogs.com/bulaliu/p/14048940.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!