RAIL

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

响应

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

动画

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

空闲

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

加载

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

See also