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。 |
参考:RAIL的完整介绍
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。