blob: ddd4a54dfbcf6d54bdc85d47f2d12b502c9765e2 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
---
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>
|
