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:记录了几十万个网站的各种性能指标,包括页面大小,总请求次数,可缓存资源所占比例。