整理自Udacity:Browser Rendering Optimization
决定网页流畅度的web生命周期:LAIR
- Load(<1s) 载入时间 (最重要)。
- Idle(≈50ms) 空闲时间,紧随载入时间,此时首屏必须已经渲染好,等待用户的输入。此时开始载入被延迟(differ)的元素,如不出现在首屏的图片、视频、评论等。
- Animation(=60fps)动画内不可有超过16ms的事件,否则会影响流畅度。
- Response(<100ms)从接受到用户输入到浏览器呈现响应的时间。