diff options
| author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
|---|---|---|
| committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
| commit | 33058f2b292b3a581333bdfb21b8f671898c5060 (patch) | |
| tree | 51c3e392513ec574331b2d3f85c394445ea803c6 /files/zh-cn/glossary/rail/index.html | |
| parent | 8b66d724f7caf0157093fb09cfec8fbd0c6ad50a (diff) | |
| download | translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.gz translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.bz2 translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.zip | |
initial commit
Diffstat (limited to 'files/zh-cn/glossary/rail/index.html')
| -rw-r--r-- | files/zh-cn/glossary/rail/index.html | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/files/zh-cn/glossary/rail/index.html b/files/zh-cn/glossary/rail/index.html new file mode 100644 index 0000000000..ddd4a54dfb --- /dev/null +++ b/files/zh-cn/glossary/rail/index.html @@ -0,0 +1,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> |