queueing 优化_页面性能优化总结

页面性能优化总结

由于本人前几天一直在解决页面性能、加载慢等问题。解决后，对于该方面知识有一定的认识与理解，现将经验码出来，与大家分享；由于单纯讲解知识点会造成知识点认识混乱，故将知识分模块讲解；由于项目中主要使用chrome浏览器，故仅讲解以webkit为内核的浏览器机制

1.浏览器加载时间：

当浏览器对页面进行加载并且解析时，会产生如下几个主要时间：

1)、queueing 时间

该时间为等候时间，也可以叫排队时间。即文件在加载之前的排队等候时间。该排队等候时间会根据优先级进行判定；而优先级则根据文件类型进行区分。在前端文件中，html，js，css为主要文件，该种类型文件等候时间较短；而其他类型，如jpg，png或者媒体文件，字体文件等则等候时间较长，等待时间长度较长时，将会导致文件加载缓慢，也就是常说的加载时挂起；

2)、stalled时间

该时间为阻塞时间，即在发起请求时服务器不能同时进行响应而产生的等待时间。该时间与queueing时间不同。queueing时间通常由于优先级不足而产生或者其他原因导致的，而stalled则由于同一个服务器无法同时响应多个请求而造成的。在chrome浏览器中，一个服务器最多会同时允许6个请求发出(一般情况下);

3)、Initial connection 时间

该时间通常是由于TCP 三次握手而产生的时间，一般不会对性能产生较大影响；

4)、RequireSent 时间

该时间为向服务器发起请求时的时间，一般对性能不会产生较大的影响；