浏览器请求阻塞到底是怎么回事?我们为什么要把静态资源分服务器放置?

这篇文章的起因

     由于在 Session 有没有必要使用它 这篇文章里面对Session对并发访问的影响这个列子中的提出自己的看法,我认为是开玩笑的说了一句两毛钱关系,跟一位叫ice6的朋友发生不愉快的争吵并且我出口伤人…在此对你再一次道歉.由于以前知道浏览器会延迟加载请求,但是并不太清楚原因,所以在当天晚上就好好学习了资料,这几天太忙,今天晚上花时间记录在此,也给不清楚的朋友提供一个信息.

浏览器为什么会延迟加载请求

      这是一个历史问题:在浏览器刚刚流行的时候,大部分用户是通过拨号来上网,由于受当时的带宽条件的限制,无法使得用户的同时多个请求被处理。同时,当时的服务器的配置也比现在差很多,所以现在每个浏览器的连接数的大小也是有必要的。浏览器默认对同一域下的资源,只保持一定的连接数,阻塞过多的连接,以提高访问速度和解决阻塞问题。不同浏览器的默认值不一样,对于不同的HTTP协议其值也不一样,参看下表:

浏览器 HTTP 1.1 HTTP 1.0
IE 6,7 2 4
IE 8 6 6
Firefox 2 2 8
Firefox 3 6 6
Safari 3, 4 4 4
Chrome 1,2 6 ?
Chrome 3 4 4
Opera 9.63,10.00alpha 4 4

如何查看我们自己的连接数设置和修改我们的连接数

Firefox:地址栏敲入 about:config 

浏览器请求阻塞到底是怎么回事?我们为什么要把静态资源分服务器放置?_第1张图片

network.http.keep-alive: 持久连接,HTTP1.1 中缺省就是支持 keepalive,Keepalive功能使客户端到服务器端的连接持续有效,能被多个请求重用,当出现对服务器的后继请求时,避免了建立或者重新建立连接,详细情况参见这里

network.http.keep-alive.timeout:浏览器关闭连接的超时时间。其意义在于服务端可以选择不主动关闭连接而是等待客户端来关闭

network. http. max-connections:设置Http同时连接的最大数量

network. http. max-connections-per-server:设置对单个HOST的最大连接数

* network.http.max-persistent-connections-per-proxy: 设置使用代理的时候的持久连接(keep-alive connections )的最大个数

* network.http.max-persistent-connections-per-server:设置对每个服务器持久连接(keep-alive connections )的最大个数,推荐10

请注意,由于我们现在的基本都使用http 1.1协议,而firefox默认设置的就是network.http.keep-alive:True,所以我们设置的时候就看打*号得2项。而我们一般不使用代理,Firefox的Wiki推荐的network.http.max-persistent-connections-per-server设置为:<=10

network.http.pipelining:Pipelining技术的好处在于可以把多个Http请求打包成一个TCP/IP包,减少网络传输成本,详细的说明(优势和限制)可以看这里

network.http.pipelining.maxrequests: 设置开启Pipelining的时候最大的请求个数,推荐设置8。它需要打包您设置的这个个数,所以设置值越高,第一个请求响应延迟响应时间越长,最后一个越快,所以设置一个平衡数吧.

IE的设置请参考:http://support.microsoft.com/?kbid=282402

知道这个对我们有什么帮助

1.由于我们知道了浏览器为什么会限制以及如何限制的当个HOST的请求数,那么我们就能知道为什么我们要分开多个HOST加载静态资源,比如淘宝,用了多台服务器处理图片,JS,css等的请求,并对JS,css文件做了chunked编码来应对这些问题。当然GZIP之类的不说,跑题了。。

2.帮助好像没有别的了…

还没完呢

那么如果我放20个服务器放我的静态资源,那么一个网速一般的用户的请求能飞快的被处理吗?不是这样的,看看这里,

In our experiment, we vary the number of aliases: 1, 2, 4, 5, and 10. This increases the number of parallel downloads to 2, 4, 8, 10, and 20 respectively. We fetch 20 smaller-sized images (36 x 36 px) and 20 medium-sized images (116 x 61 px). To our surprise, increasing the number of aliases for loading the medium-size images (116 x 61px) worsens the response times using four or more aliases. Increasing the number of aliases by more than two for smaller-sized images (36 x 36px) doesn’t make much of an impact on the overall response time. On average, using two aliases is best.

网页优化的路长着呢,优化的文章也很多,希望水平和我差不多菜得朋友,大家能一起学习,一起进步

好吧 现在说那个例子的问题所在

我加了成了10个页面在这里展示,第一次,我调整了我设置成为这样:

bbbb

浏览器请求阻塞到底是怎么回事?我们为什么要把静态资源分服务器放置?_第2张图片

可以清楚的看到,当default.aspx页面加载之后,同时发出了3个请求,后面2个页面也是没有任何延迟的显示,当2,3号页面请求完成之后,马上又发出了2个请求,因为第一个请求被人为的延迟了,所以后面始终是2个请求2个请求的来…这里跟session没有关系.假设我们的页面延迟5秒加载,那么可能是我们程序有问题了,如果真要证明Session对请求的阻塞的影响,接管Http请求之后针对相应文件请求进行延迟可能效果会更好一点.

ps:Fish Li 不是故意针对你,通过你的文章我学到不少知识,通过留言我又学到不少东西,非常感谢你. 希望你不要介意~~

转载于:https://www.cnblogs.com/mmmjiang13/archive/2011/08/09/2131637.html

你可能感兴趣的:(浏览器请求阻塞到底是怎么回事?我们为什么要把静态资源分服务器放置?)