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

7次阅读

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

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

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

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