From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/zh-cn/glossary/rail/index.html | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 files/zh-cn/glossary/rail/index.html (limited to 'files/zh-cn/glossary/rail/index.html') 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 +--- +

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

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

See also

+ + -- cgit v1.2.3-54-g00ecf