Chrome浏览器Network面板http请求时间分析【转】

Request sent（发送请求）

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

　　优化措施：

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

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

Waiting（等待响应）

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

　　优化措施：

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

Content Download（下载）

　　下载HTTP响应的时间（包含头部和响应体）

　　优化措施：

　　1、通过条件Get请求，对比If-Modified-Since和Last-Modified时间，确定是否使用缓存中的组件，服务器会返回“304 Not Modified”状态码，减小响应的大小；

　　2、移除重复脚本，精简和压缩代码，如借助自动化构建工具grunt、gulp等；

　　3、压缩响应内容，服务器端启用gzip压缩，可以减少下载时间；