关于前端:RAIL模型的简单介绍

45次阅读

共计 451 个字符,预计需要花费 2 分钟才能阅读完成。

RAIL, 是 Response, Animation, Idle, 和 Load 的首字母缩写, 是一种由 Google Chrome 团队与 2015 年提出的性能模型, 用于晋升浏览器内的用户体验和性能. RAIL 模型的理念是 “ 以用户为核心;最终目标不是让您的网站在任何特定设施上都能运行很快,而是使用户称心。

也就是说,RAIL 模型的目标是通过正当的解决伎俩进步用户的应用体验。

缩写 全称 形容
RResponse 在 100ms 内响应用户的操作。
虽说是 100ms,但估算只有 50ms,因为浏览器外部还有很多工作须要预留工夫。
AAnimation 在应用动画时,须要保障有 60FPS,换算下来也就是 16ms 解决 1 帧(1000ms/60FPS)才不会让用户感觉到卡顿。
同样的,浏览器大略须要破费 6ms 来渲染 1 帧,因而只有 10ms 以内的工夫。
IIdle 最大化利用闲暇工夫,以便于能够在 50ms 内响应用户的操作。
LLoad3g 网络的状况下,首次加载须要在 5s 之内加载网站并能够让用户进行交互。而在后续的加载中,则是 2s。

参考:RAIL 的残缺介绍

正文完
 0