当前位置: 首页 > Web前端 > HTML

ChromeDevtools的Networks

时间:2023-04-02 18:24:00 HTML

Timeline各指标说明摘自http://www.cnblogs.com/starof/p/5481935.html参考https://developers.google.com/web/tools/chrome-devtools/network-performance/understanding-resource-timingConnectionSetup:建立与服务器的连接。具体包括Queuing和Stalled....Queueing:不是很清楚,好像是在本地防火墙的等待时间,或者是某些插件的阻塞时间。停滞:网络延迟。指的是从浏览器得到发出请求的指令到可以发出请求的等待时间。一般为代理协商等待释放可重用TCP连接的时间,不包括DNS查询、TCP连接建立时间等。ProxyNegotiation:与代理服务器的连接时间。DNSLookUp:表示DNS查找时间。如果域名是第一次访问,需要查找。如果它是IP地址,则不需要。上图中没有这个参数,意思是在本地缓存域名服务器的IP。浏览器不需要查询,直接通过IP请求服务器即可。Initail连接:建立连接的时间,包括TCP握手/重试和协商SSL。请求/响应:请求和响应的时间。具体包括RequestSent、Waiting、ContentDownloadRequestsent:向服务器发送HTTP请求的时间,即上传时间,这个时间取决于请求中发送的数据量。Waiting(TTFB):发送请求后到收到响应的第一个字节所花费的时间,TTFB(timetofirstbytes);这是服务器优化的一个重要指标,服务器优化的目的就是为了减少这个时间。ContentDownload:从服务器获取响应数据的时间,下载时间,即上述Time减去Latency时间,是响应带宽的重要指标。受响应报文内容大小、网络带宽、是否使用http压缩等影响。两条指示线表明DOMContentLoaded事件应该在window.onload之前执行。DOMContentLoaded事件在构建DOM树时执行。浏览器已经完成解析DOM树。您可以收听此事件以查找一些元素;$(document).ready()是使用的DOMContentLoaded事件。window.onload只在页面加载完成时执行,包括图片等。