RAIL模块
以用户为中心的性能模型，每个网络应用都具有与其生命周期有关的四个方面，而且这些方面以不同的方式影响着性能。
- Response
- Animation
- Idle
- Load
- 延迟感知
- 流畅的动画需要16ms以内
- 响应用户事件需要100ms以内
- PC端和移动端用户对延迟的要求不一样（PC端更严格）
- 5s内呈现交互内容（首屏5s，非首屏2s）
总结
评估性能的工具
- Lighthouse(以及集成到了开发者工具Aduits)
- WebPageTest
- Chrome DevTools
实战篇
- 浏览器渲染场景
- JavaScript （实现动画、操作DOM等）
- style （Render Tree）
- Layout（盒模型，确切的位置和大小）
- Composite（渲染层合并）
可以通过下面👇的网址查看某一个CSS属性变动带来的改变： csstriggers.com/display
