网站体验优化-web生命周期

整理自Udacity:Browser Rendering Optimization

决定网页流畅度的web生命周期:LAIR

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