chrome浏览器Network面板请求Timing分析

Timing显示资源在整个请求生命周期过程中各部分话费的时间。

Queueing

排队的时间花费。可能由于该请求被渲染引擎认为是优先级比较低的资源（图片）、服务器不可用、超过浏览器并发请求的最大连接数（Chrome的最大并发连接数是6）

Stalled(阻塞)

 

浏览器对同一个主机域名的并发连接数有限制，因此如果当前的连接数已经超过上限，那么其余请求就会被阻塞，等待新的可用连接；此外脚本也会阻塞其他组件的下载；

优化措施：

1、将资源合理分布到多台主机上，可以提高并发数，但是增加并行下载数量也会增大开销，这取决于带宽和CPU速度，过多的并行下载会降低性能；

2、脚本置于页面底部；

Proxy negotiation

与代理服务器连接的时间花费

DNS Lookup（域名解析）

请求某域名下的资源，浏览器需要先通过DNS解析器得到该域名服务器的IP地址。在DNS查找完成之前，浏览器不能从主机名那里下载到任何东西。

优化措施：

1、利用DNS缓存（设置TTL时间）；

2、利用Connection:keep-alive特性建立持久连接，可以在当前连接上进行多个请求，无需再进行域名解析；

Initial connection（初始化连接）

TCP建立连接的三次握手时间

Request sent（发送请求）

发送HTTP请求的时间（从第一个bit到最后一个bit）

优化措施：

1、减少HTTP请求，可以使用CSS Sprites、内联图片、合并脚本和样式表等；

2、对不常变化的组件添加长久的Expires头（相当于设置久远的过期时间），在后续的页面浏览中可以避免不必要的HTTP请求；

Waiting(TTFB)（等待响应）

通常是耗费时间最长的。从发送请求到收到服务器响应的第一字节之间的时间，受到线路、服务器距离等因素的影响

优化措施：

使用CDN，将用户的访问指向距离最近的工作正常的缓存服务器上，由缓存服务器直接响应用户请求，提高响应速度；

Content Download（下载）

转载于:https://www.cnblogs.com/xuepei/p/9253299.html