
Google推动Web Vitals计划,以提供网站开发者一套统一的用户体验和效能衡量标准。Google提到,网站要在长期发展上成功,就必须最佳化使用者体验,虽然过去他们提供了许多指标和工具,让使用者用来改善用户体验,但是过多的指标和工具,反而影响了网站最佳化、清晰度和一致性的程度,因此Google决定发起Web Vitals计划,来统一这些评估指标和工具。
虽然用来评估使用者体验品质的面向很多,甚至有一些跟网站或是上下文有关系,但Google表示,有一组常见的讯号适用各类型的网站,他们称为Core Web Vitals,包括载入体验、互动性和网页内容的视觉稳定性,而这三项成为2020 Core Web Vitals的基础。
Core Web Vitals中用来评估载入体验的是LCP(Largest Contentful Paint)指标,用来衡量浏览窗口中,可见最大内容元素的渲染时间,Google提到,LCP是一项以用户为中心,衡量用户感受载入速度的重要指标,因为其标记了页面主要内容,可能已载入的时间点,因此LCP时间越快越好,快速的LCP可让用户确信页面正常运作。
第二项指标则为FID(First Input Delay),FID衡量用户首次和页面互动,到浏览器实际能够对该动作回应之间的时间,用户的操作包含点击连结、按钮或是自定义的JavaScript控制元件等。而FID是一个以用户为中心,衡量载入回应性的重要标准,因为FID可以量化用户尝试与无回应的页面互动时的体验,越低的FID有助于使用者确定页面正常运作。
第三项指标则是CLS(Cumulative Layout Shift),用来测量页面在整个生命周期中,每次意外的布局移动中,所有个别布局移动的分数总和,Google提到,每当可见元素从上一个影格到下一个影格改变位置时,便会发生布局移动,而这些布局移动的分数累计,便是一个以使用者为中心,衡量视觉稳定性的重要指标,能够量化用户经历的布局移动频率,较低的CLS有助于带来更佳的浏览体验。
网站管理者可以使用Chrome UX Report工具,快速评估网站在Web Vitals指标的表现,BigQuery上的资料集,也提供了所有Core Web Vitals公开可存取的直方图,Google现正在开发新的REST API,使存取URL以及原始层级资料更容易些。
Google同时也建议,所有网站管理者,都应该收集自家网站用户的真实Core Web Vital分析资料。目前Chrome与不少浏览器都开始支援Core Web Vitals规范草案,而为了让开发者能够简单地测量网站Core Web Vitals效能,Google也启动了一个开源Web-vitals JavaScript函式库专案,该函式库可与其他支援自定义指标的分析供应商解决方案一并使用。
另外,Google还释出了Core Web Vitals的Chrome扩充套件开发者预览,该工具能以视觉化指示器显示每个Core Web Vitals的状态,Google预告,未来还会和Chrome UX Report工具整合,呈现汇总资料。
相关文章
YouTube更新违反规定政策,提升惩处透明度和一致性2023-12-31 14:00:52
传苹果将把中国iCloud正式交给本地化经营 苹果手机icloud换区存储操作2023-12-27 18:34:43
刘德华代言什么手机?刘德华成华为Mate 60 RS非凡大师华为5G新手机代言人2023-09-26 21:55:08
WebOS新系统:Palm Pre手机最新款高价登港2023-06-23 15:39:14
帮助企业组织对抗勒索软件,资安通报机构设立防护专区,可协助事前、事中与事后因应2023-06-22 09:36:10
蔚来全系产品降价3万 取消免费换电 换一次电池180元2023-06-12 17:27:49
电商平台三巨头开打最大规模折扣 价格战再次打响2023-03-05 18:58:40
爱立信节省成本裁员四千人 爱立信全球员工总数五分之一2023-02-24 22:27:29
蜜芽关停近况,八位数重金买三字顶级新域名mia.com也关闭2023-02-23 16:18:14
联想CEO杨元庆:联想集团需要裁员32%削减部分业务支出2023-02-18 12:45:25
蓝色光标2022营收亏损18亿 客户预算减少明显2023-02-18 12:40:08
三星工厂或将80%生产转至越南 因本地劳动力成本上升2023-02-17 23:09:16
香港八达通卡如何激活?没用失效过期余额怎么办2023-02-17 18:34:51
中兴通讯被曝将裁员20% 称只裁国外的2023-02-17 18:33:26
苹果新iPhone15Pro手机终于改用USB-C(火牛)数据线??Lightning充电接口退出2023-02-17 16:57:22
突发!蓝色光标曾为中国民企500强龙头 如今业绩亏损断崖下跌2023-02-16 14:31:19
三星发布自家carplay车载中控系统 Car Mode for Galaxy 可以连接carplay吗?2023-02-14 00:53:17
Opera浏览器宣布集成ChatGPT 一键生成网页内容摘要2023-02-14 00:32:08
谷歌google计划重返进入中国市场?但结果可能令你失望2023-02-13 16:57:15
Zoom紧急裁员1300人 佔员工总数15%2023-02-08 14:59:11
最新资讯
WorkBuddy 上手评测:腾讯做 AI Agent 的思路和别人不太一样2026-08-16 14:42:46
炒港股要补交多少税?我也接到催交补税特别行动的电话了2025-07-23 17:36:43
淘宝天猫仅退款属于诈骗吗?淘宝天猫开始部分取消仅退款2024-10-01 13:01:28
哈啰app借钱|哈啰借钱app下载安装免费小小上当和电话骚扰2024-10-01 11:22:38
白嫖党|山西大同大学学生网购申请“仅退款”被拒骂客服一小时2024-09-27 09:10:44
手机
中国11月手机出货量增34% 5G手机出货量2709.2万部2023-12-28 19:27:57
荣耀发布新一代旗舰荣耀Magic5系列,新款上市价格分期0首付3999元起2023-03-06 16:12:32
美国商务部指违禁,长江存储被美国拜登制裁名单面临停工裁员2023-02-17 18:41:53
苹果Apple iOS车载系统CarPlay支持哪些更多汽车品牌2023-02-02 17:33:27
香港去哪买三星手机回来吗? 买香港便宜售价手机市场地点和网站2023-02-02 11:03:11
数码
WorkBuddy 企业效率实测:非技术员工也能使唤的桌面 Agent2026-08-15 16:23:38
华为5G芯片正式亮相:预示华为将发首款5G手机2023-08-31 13:22:33
腾讯传计划放弃虚拟现实VR硬件计划2023-02-17 23:32:30
三星手机份额大跌!三星手机中国市场份额变化国内仅剩3%2023-02-01 17:06:15
三星手机份额大跌在中国没市场了!国内市场占有率仅剩1%国外比苹果销量高2023-02-01 16:59:53
科技
B站怎么炸崩了哔哩哔哩服务器今日怎么又炸挂了?技术团队公开早先原因2023-03-06 19:05:55
苹果iPhoneXS/XR手机电池容量续航最强?答案揭晓2023-02-19 15:09:54
华为荣耀两款机型起内讧:荣耀Play官方价格同价同配该如何选?2023-02-17 23:21:27
google谷歌原生系统Pixel3 XL/4/5/6 pro手机价格:刘海屏设计顶配版曾卖6900元2023-02-17 18:58:09
科大讯飞同传同声翻译软件造假 浮夸不能只罚酒三杯2023-02-17 18:46:15