WEB网页性能指标

WEB性能指标

FPS每秒帧数

正常人看24PFS的动画时，会觉得有些卡顿；是不是WEB网页的FPS要一直保持在>24呢?

其实人对连贯视觉效果的东西比较在意FPS,如一些游戏、动画、地图等等； 相比来说对网页的PFS要求也并并不是那么的高，具体怎么设定性能指标呢？

下面我们参考一下RAIL：

RAIL指标

RAIL步骤	关键指标	用户操作
响应	输入延迟时间（从点到绘制）小于100毫秒	用户点击按钮（例如登录，提交）
动画	每个帧的工作（从JS到绘制）完成时间小于16毫秒	用户滚动页面，拖动手指（例如，打开菜单）或看到动画。 拖动时，应用的响应与手指位置有关（例如，拉动刷新、滑动轮播）。 此指标仅适用于拖动的持续阶段，不适用于开始阶段。
空闲	主线程JS工作成分不大于50毫秒的块	用户没有与页面交互，主线程可利用空闲时间处理页面工作，不过应预留足够用的时间来处理用户的下次交互
加载	页面可以在1000毫秒内就绪	用户点击查询加载页面到看到相应内容

什么是RAIL?

RAIL是一种以用户为中心的性能模型，每个网络应用均具有与其生命周期有关的四个方面。

RAIL内容详情：使用 RAIL 模型衡量性能 (opens new window)