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

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

<h2 id="See_also">See also</h2>

<ul>
 <li><a href="/en-US/docs/Learn/Performance/How_long_is_too_long">Recommended Web Performance Timings: How long is too long</a></li>
</ul>