优化参数性能及理念

1 .首次加载的渲染时间“直接取决于标记,样式表和js三者”之间的依赖关系,熏染和脚本执行都受到css的阻塞,所以必须尽快下载css脚本
2 .必须在250ms内渲染页面
3 .时间测量是客观的,时间感知确是主观的。
4 .最早请求时间,文档完成时间,最后资源获取时间
5 .让用户尽早和重要的内容交互,这样就要确定什么内容是重要的,那些是后来加载的
6 .对于大多数应用来说,宽带的趋势不是性能的限制,限制web性能的主要因素是客户端与服务器之间的网络往返延迟
7 .延迟事件将比宽带成为首页加载的瓶颈。
8 .参数检测 navigation Timeing api user Timeing,resource Timeing 使用这些api可以获取真实的用户性能分析
9 .推测行优化:尝试预测用户下一次的操作,然后预先解析dns,预先连接可能的目标
10 .成功的,可持续的web性能优化策略其实很简单,先度量,然后拿业务目标和与性能指标进行比较,采取优化策略。
11 .载入时间:初始化请求到浏览器载入事件触发的时间。同时也知道文档加载的时间。
12 .首字节:服务端返回响应的第一个字节的时间
13 .开始渲染:浏览器显示内容到屏幕上的时间
14 .文档加载完毕:与文档载入事件相同
15 .完全加载:从初始化请求到webPageTest判定页面加载完毕的时间,页面也许会等待载入事件延迟加载其他不是特别重要的内容。
16 .如果必须倒腾,首先要评估,我们对程序的正真开销的直觉往往是错误的,只有通过评估,才能有把握对性能产生积极的影响

制定性能预算

1 .性能预算是为每个关键指标设定目标值,然后在所有代码合并或者部署之前持续测试这些指标,如果有任何一个指标没有通过,则需要调整新家的功能,或者删除一些其他的功能

竞争基线

1 .制定性能预算的一种方法是参考竞争对手,查看几个竞争对手的关键页面的性能参数,确保自己的所有参数超过他20%,这样才可以让用户将你和其他竞争对手区分开来
2 .HTTPArchive:记录了几十万个网站的各种性能指标,包括页面大小,总请求次数,可缓存资源所占比例。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 155,716评论 23 678
  • 认识了半年的朋友和我说,“你真的好喜欢看天空。”我回神看了看她,“打球的时候,我总是见你抬头看天,也很喜欢拍天空,...
    大婷哇阅读 190评论 5 3
  • 久而久之,我,已经习惯成自然,莫名觉得,一个人挺好,即使一直是一个人,无论走到哪儿。我真的喜欢一个人走在冷风中,似...
    沙皮2016阅读 84评论 0 0
  • 今天我以25岁的年纪刷完了电视剧《微微一笑很倾城》,追忆了一遍逝水年华。 著名的作家毕淑敏认为童话不仅仅是给儿童看...
    元宵Mickey阅读 35评论 0 0
  • 泥蚶,又称血蚶,多出产于东南沿海地区,肉质鲜美,营养丰富。在福建沿海及江浙一带,大年三十这天,家家户户年夜饭上少不...
    只想和你到天荒地老阅读 1,181评论 0 0