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

整理自Udacity:Browser Rendering Optimization

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

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

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>