使用RAIL模型评估性能

以用户为中心

1 .0-16ms，人们才会感觉到动画是流畅和平滑的。
2 .加上渲染的时间。留给应用大约是10ms的时间来生成一帧

响应：在100ms内进行响应

1 .在用户注意到停滞之后你有100ms的时间来响应用户的输入。
2 .点击按钮，切换表单控件，启动动画
3 .触摸拖动和滚动必须立即响应
4 .尽管可以立即响应用户的操作，但这个并不是最佳的做法，这100ms的时间窗口可以执行一些开销大的操作
5 .对于超过500ms才能完成的操作，必须始终提供反馈
6 .

动画，在10秒内生成一帧

1 .因为浏览器需要花费时间将新的一帧绘制到屏幕上，所以只有10ms来执行代码
2 .

空闲，最大层都增加空闲时间

1 .利用空闲时间完成推迟的工作。尽可能减少预加载的数据，以便您的应用快速加载，并利用空闲时间加载剩余数据
2 .推迟的工作要分为每个耗时50ms的块，如果用户开始交互，优先级最高的应该是响应用户的操作
3 .

加载，在1000ms内呈现内容

1 .无需在1s内加载所有内容，启用渐进式渲染和后台执行一些操作，将非必要的加载延迟到空闲时间
2 .