RAIL

RAIL（Response、Animation、Idle 和 Load 的首字母缩写）是由 Google Chrome 团队于 2015 年提出一种用于提升浏览器内的用户体验和性能的性能模型。RAIL 模型的理念是“以用户为中心；最终目标不是让你的网站在任何特定设备上都能运行很快，而是使用户满意。”RAIL 把交互分为四个阶段：页面加载、空闲、响应用户输入、滚动和动画。按首字母缩写顺序，其主要原则是：

响应

应该尽可能快速的响应用户，应该在 100ms 或者 100ms 以内响应用户输入。

动画

在展示动画的时候，每一帧应该以 16ms 进行渲染，这样可以保持动画效果的一致性，并且避免卡顿。

空闲

当使用 Javascript 主线程的时候，应该把任务划分到执行时间小于 50ms 的片段中去，这样可以释放线程以进行用户交互

加载

应该在小于 5s 的时间内加载完成你的网站，并可以进行用户交互。