fireBug网络面板数据说明(转)

本文详细介绍了网页加载过程中各个阶段的时间线记录,包括域名解析、建立连接、发送请求、等待响应及接收数据等关键步骤,并解释了DOMContentLoaded与load事件触发的时间点。

一个正常的链接点开后会基本会接收图片、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事件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值