RAIL性能模型

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

响应 应该尽可能快速的响应用户, 应该在100ms或者100ms以内响应用户输入。 动画 在展示动画的时候，每一帧应该以16ms进行渲染，这样可以保持动画效果的一致性，并且避免卡顿。 空闲 当使用Javascript主线程的时候，应该把任务划分到执行时间小于50ms的片段中去，这样可以释放线程以进行用户交互 加载 应该在小于1s的时间内加载完成你的网站，并可以进行用户交互。