28
Web Performance Metrics 与 Core Web Vitals 简介
source link: https://www.infoq.cn/article/HVyqFtlxgDao4vq5Durp
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
我们都知道网站性能的重要性。重要是重要，但是具体如何衡量和识别永远是个非常发散、不容易说清的事情。本文就将以业内重要会议上的分享为中心，分类详细介绍主流语境下所有重要的数据指标定义。
历史上，yslow 曾经作为互联网开发的核心指标唯一评价工具，它的指标代表了核心指标。之后逐步出现了 lighthouse 等种种新工具平台和新检测模式。经过几十年发展已经有众多各式各样的性能工具，对应的指标也趋于通用。具体如何评价指标本身的代表性也逐渐成为问题，需要关注。
到了 2018 年，Google 在 I/O 大会上提到， 75% 的用户认为 页面的加载速度 ，是决定他们交互体验的首要因素 [1]。Ire Aderinokun (Google Web Expert) 在 2020 年 #PerfMatter 的分享上说，“一旦页面加载时间超过 5s，用户就有 90% 的可能放弃它。”[2]
所以，到底如何准确衡量网站的性能？
根据 Google 在 web.dev 上公布的数据，他们认为以用户为中心的性能指标，应该能回答以下四个问题 [3]：
web.dev 是 Google Developer 提供的开发者社区，里面主要提到了一下列出的诸多类型的数据指标。
- 是否发生？ 导航是否成功启动？服务器是否有响应？
- 是否有用？ 是否已渲染可以与用户互动的足够内容？
- 是否可用？ 用户可以与页面交互，还是页面仍在忙于加载？
- 是否令人愉快？ 交互是否顺畅而自然，没有滞后和卡顿？
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK