起因：在工作中经常会发现浏览器请求过多，会很慢很卡，但我并不知道并发请求个数，
于是就写个例子，探知浏览器并发请求的个数。
思路：1.新建网站。
2.添加两个按钮，分别添加点击事件，请求不同接口。
3.服务端添加内容，打印当前时间的日志，并使进程sleep 10秒。
4.分别点击按钮，查看日志时间连续记录有几条，即为并发请求个数，间隔时间长的打印，即为下次排队执行的请求。
html部分：
添加两个
<body> <input id="Button1" type="button" value="button" onclick="f_click()" /> <input id="Button2" type="button" value="button" onclick="f_click2()" /> </body>
Javascript部分：
<script type="text/javascript">
//第一个请求方法
function f_click()
{
$.ajax({
type: 'post',
url: 'Handler.ashx',
success: function (result) {
alert('1');
}
});
}
//第二个按钮请求方法
function f_click2() {
$.ajax({
type: 'post',
url: 'Handler2.ashx',
success: function (result) {
alert('2');
}
});
}
</script>
服务端代码：
public class Handler : IHttpHandler { private static readonly log4net.ILog log = log4net.LogManager.GetLogger(System.Reflection.MethodBase.GetCurrentMethod().DeclaringType); public void ProcessRequest (HttpContext context) { context.Response.ContentType = "text/plain"; log.Debug("接口1 " + DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss")); System.Threading.Thread.Sleep(10000); } public bool IsReusable { get { return false; } } }
测试步骤：
同一浏览器下：
1.在同一域名下，同一页面，点击两个按钮，调用不同接口，查看日志。
2.在同一域名，不同页面，调用同一接口，查看日志。
3.在不同域名，分别调用不同接口，
（本次试验chrome4 ）
发现，每6个请求打印的时间是连续的。同理举例，控制变量，测试浏览器并发请求个数。
结论：
浏览器的并发请求数目限制是针对同一域名的（例如向www.baidu.com发送请求）。即一时间针对同一域名下的请求有一定数量限制。超过限制数目的请求会被阻塞。
转载于：http://www.cnblogs.com/SweetMemory/p/6340919.html
在知乎上关于：浏览器允许的并发请求资源数是什么意思？
IE 6\7\8\9 以及chrome ,firefox 这些浏览器，允许的并发请求资源数是什么情况？以前觉得好像IE 6是2个并发，求助知乎，想得到更详细更正确的答案。这样有助于理解前端性能上的一些问题。
答案可以起到扩散思维的作用
答案如下：
这个问题实际上涉及非常多的考虑和因此而发生的优化技术：
首先，是基于端口数量和线程切换开销的考虑，浏览器不可能无限量的并发请求，因此衍生出来了并发限制和HTTP/1.1的Keep alive。 所以，IE6/7在HTTP/1.1下的并发才2，但HTTP/1.0却是4。 而随着技术的发展，负载均衡和各类NoSQL的大量应用，基本已经足以应对C10K的问题。 但却并不是每个网站都懂得利用domain hash也就是多域名来加速访问。因此，新的浏览器加大了并发数的限制，但却仍控制在8以内。
后端的保护
所以，浏览器的并发数其实并不仅仅只是良知的要求，而是双方都需要保护自己的默契，并在可靠的情况下提供更好的性能。
稍微跑跑题据说有益身心健康。
=================== 我是健康的分割线 ========================
前端技术的逐渐成熟，还衍生了domain hash, cookie free, css sprites, js/css combine, max expires time, loading images on demand等等技术。这些技术的出现和大量使用都和并发资源数有关。
- 按照普通设计，当网站cookie信息有1 KB、网站首页共150个资源时，用户在请求过程中需要发送150 KB的cookie信息，在512 Kbps的常见上行带宽下，需要长达3秒左右才能全部发送完毕。 尽管这个过程可以和页面下载不同资源的时间并发，但毕竟对速度造成了影响。 而且这些信息在js/css/images/flash等静态资源上，几乎是没有任何必要的。 解决方案是启用和主站不同的域名来放置静态资源，也就是cookie free。
- 将css放置在页面最上方应该是很自然的习惯，但第一个css内引入的图片下载是有可能堵塞后续的其他js的下载的。而在目前普遍过百的整页请求数的前提下，浏览器提供的仅仅数个并发，对于进行了良好优化甚至是前面有CDN的系统而言，是极大的性能瓶颈。 这也就衍生了domain hash技术来使用多个域名加大并发量（因为浏览器是基于domain的并发控制，而不是page），不过过多的散布会导致DNS解析上付出额外的代价，所以一般也是控制在2-4之间。 这里常见的一个性能小坑是没有机制去确保URL的哈希一致性（即同一个静态资源应该被哈希到同一个域名下），而导致资源被多次下载。
- 再怎么提速，页面上过百的总资源数也仍然是很可观的，如果能将其中一些很多页面都用到的元素如常用元素如按钮、导航、Tab等的背景图，指示图标等等合并为一张大图，并利用css background的定位来使多个样式引用同一张图片，那也就可以大大的减少总请求数了，这就是css sprites的由来。
- 全站的js/css原本并不多，其合并技术的产生却是有着和图片不同的考虑。 由于cs/js通常可能对dom布局甚至是内容造成影响，在浏览器解析上，不连贯的载入是会造成多次重新渲染的。因此，在网站变大需要保持模块化来提高可维护性的前提下，js/css combine也就自然衍生了，同时也是minify、compress等对内容进行多余空格、空行、注释的整理和压缩的技术出现的原因。
- 随着cookie free和domain hash的引入，网站整体的打开速度将会大大的上一个台阶。 这时我们通常看到的问题是大量的请求由于全站公有header/footer/nav等关系，其对应文件早已在本地缓存里存在了，但为了确保这个内容没有发生修改，浏览器还是需要请求一次服务器，拿到一个304 Not Modified才能放心。 一些比较大型的网站在建立了比较规范的发布制度后，会将大部分静态资源的有效期设置为最长，也就是Cache-Control max-age为10年。 这样设置后，浏览器就再也不会在有缓存的前提下去确认文件是否有修改了。 超长的有效期可以让用户在访问曾访问过的网站或网页时，获得最佳的体验。 带来的复杂性则体现在每次对静态资源进行更新时，必须发布为不同的URL来确保用户重新加载变动的资源。
- 即使是这样做完，仍然还存在着一个很大的优化空间，那就是很多页面浏览量很大，但其实用户直接很大比例直接就跳走了，第一屏以下的内容用户根本就不感兴趣。 对于超大流量的网站如淘宝、新浪等，这个问题尤其重要。 这个时候一般是通过将图片的src标签设置为一个loading或空白的样式，在用户翻页将图片放入可见区或即将放入可见区时再去载入。 不过这个优化其实和并发资源数的关系就比较小了，只是对一些散布不合理，或第一页底部的资源会有一定的帮助。 主要意图还是降低带宽费用。
转载于知乎：https://www.zhihu.com/question/20474326/answer/15696641，感谢答主的答复！
4921
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
