RAIL

RAIL,是 响应(Response)、动画(Animation)、空闲(Idle)和加载(Load) 的首字母缩写,是 Google Chrome 团队于 2015 年提出的一个性能模型,专注于用户在浏览器中的体验和性能。RAIL 的性能格言是:“关注用户;最终目标不是让你的网站在任何特定设备上运行得很快,而是让用户感到满意。” 交互有 4 个阶段:页面加载、空闲、响应输入以及滚动和动画。按首字母缩写顺序,主要原则是:

Response

100 毫秒 或更短时间内响应用户,确认任何用户输入。

Animation

动画时,在 16 毫秒 内渲染每一帧,以保持一致性并避免卡顿。

空闲

使用主 JavaScript 线程时,将任务分解成小于 50 毫秒 的块,以便为用户交互释放线程。

加载

5 秒 内提供可交互内容。