Web 性能指标

• 用户输入网址按下回车
  • 有内容出现时
  • DOM ready事件发生
  • 页面可交互时
  • onLoad事件发生
  • 动态资源加载完毕

    DNS prefetch

假设index.html的部分代码为:
<script src = "http://a.com/1.js"></script>
<script src = "http://b.com/2.js"></script>

a.com → 1.js → b.com → 2.js

DNS预解析

• 第一种方式

在 index.html 的 里写

• 第二种方式

在index.html的响应头里写
Link: https://abc.com/;rel=dns-prefetch

连接复用

Connection:keep-alive
防止多次开启TCP关闭TCP连接的过程,保持TCP连接一直开启

那两次请求之间要等待多少秒，可以设置时间间隔。超过这个时间就关闭TCP连接

• 响应头/请求头
• KeepAlive: timeout = 5 ,max =100
• 保持连接最多5秒，最多100次请求
• 一般以响应头为标准
• 如果使用协议1.1以上，Connection:keep-alive是自动加的

  并行化连接

  并发连接
  

  HTTP 管道化

  HTTP pipelinling 有bug，浏览器默认关闭
  就是并行连接取消多次开启TCP这一步
  但是这样会造成，请求文件顺序问题
  要升级HTTP/2.0解决