一个正常的链接点开后会基本会接收图片、js文件、css文件等,没接收这样的一个东西在下面的firefox面板都会有一条记录。每个文件都有域名解析-链接-发送请求-等待响应-接收数据 这几个过程。这些文件可以同时下载的并不是下载好一个文件再下载另外一个,所以时间轴(从左往右)会有重合的。不过第一条记录肯定是从最左边开始也就是 +0开始。
+23ms 开始//从点开链接到第23ms时开始处理这个文件
开始处理的时间点 此阶段处理时间总计 处理事项
0 0 域名解析
0 16ms 建立连接
+16ms 0 发送请求
+16ms 344ms 等待响应 //从第16ms开始等待响应,等待了344ms接收数据
+360ms 0 接收数据 //从第360ms开始接收数据,360ms=(344ms+16ms)
+14.43s 'DOMContentLoaded'(事件)//在第14.43秒触发DOMContentLoaded事件
+17.2s 'load'(事件)//在第17.2秒触发load事件