一个页面同时请求多个接口，超过6个请求之后，stallled时间过长

最新推荐文章于 2024-08-07 09:37:34 发布
最新推荐文章于 2024-08-07 09:37:34 发布
阅读量1w 收藏 7
点赞数 1
分类专栏： HTTP
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40138556/article/details/114303571
版权
当一个页面发起超过6个HTTP1.1请求时，Chrome浏览器中的TCP连接限制导致stallled时间显著增长。由于浏览器对并发请求数量的限制，第七个请求及后续请求会等待，影响页面加载速度。HTTP2和HTTP3通过不同的方式优化了这一问题，减少了请求延迟。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Network Timing

使用Chrome浏览器请求多个接口时发现前面的请求Network Timing中stalled时间明显较短，到第四个请求时stalled时间开始加长，超过6个请求之后，stallled时间过长，导致接口整体请求时间变长，页面渲染变慢。
issue1
issue2

issue3
为什么会这样呢，通过查看stalled发现和TCP连接有关。

TCP连接

TCP是网络传输层中的协议，三次握手建立连接、四次挥手终止连接。问题中，因为使用axios结合async、await异步请求来请求接口，因此，7个TCP同时发起连接，但是客服端和服务端的连接并没有立即全部建立成功，通过查找资料发现浏览器对并发请求数量会做限制，项目使用HTTP1.1协议，在Chrome中的最大并发数是6，到第七个请求时开始等待，stalled就变长了。

HTTP

HTTP0.9、HTTP1.0每个请求单独建立一个TCP连接，请求完成连接断开；
HTTP1.1可以持久连接&#

最低0.47元/天 解锁文章
stalled时间过长引起的一次线上事故
ly5332007的专栏
03-25 3278
问题 今天早上用户反馈网站变得很慢，近期并没有任何程序更新或者配置改动，看样子要好好查一查 抓包 首先发现日志上报请求超时，但是该请求是异步发送且只是上报接口，不涉及前端业务，故没有深入追查。大致看了下其他接口的耗时，发现校验token接口和业务接口耗时比平时要长，这个情况之前也已经出现过几次，基本都是后台的问题，所以想当然也认为情况跟之前差不多。于是，去机房查看后台日志 查日志 查看日...
vue一个页面发出多个异步请求_浅谈vue异步数据影响页面渲染
weixin_42513038的博客
12-30 2308
浅谈vue异步数据影响页面渲染今天遇到一个问题，要保证页面渲染前请求的数据已经得到了由于user是在异步请求之后保存在session中，而在页面渲染时session中还没有user，页面直接报错。因此我希望能在所有请求都得到后再去做页面的渲染。1.先把id为app的div用v-if="appShow",定义appShow为false进行隐藏，避免渲染2.写计数器，每1ms进行一次查询，如果sess...
关于请求被挂起页面加载缓慢问题的追查（stalled 时间过长）
热门推荐
tianhouquan的专栏
12-14 6万+
浏览器对同一域名进行请求的最大并发连接数 当我们在浏览网页的时候，对浏览速度有一个重要的影响因素，就是浏览器的并发数量。并发数量简单通俗的讲就是，当浏览器网页的时候同时工作的进行数量。 如果同时只有2个并发连接数数量，那网页打开的时候只能依赖于这2条线程，前面如果有打开慢的内容，就会直接影响到后面的内容打开。但是如果同时有更多的并发连接数，这样就会大大的提高网页加载速度。浏览器的并发连接数也并非越大越好。
chrome 接口请求等待时间(installed 已停止)过长问题定位
汤一飞
07-26 1580
消息通知有个接口, 最长有可能等 1 分钟再返回, 而浏览器对同一个域名的并发请求数限制为最多 6 个(针对 http1.1 而言), 导致开 6 个标签页后, 6 个并发请求基本全被这个接口占着了, 其他接口只能排队等某个标签页的这个接口请求完毕退出并发后才能请求, 因此速度变慢。推测是并发请求窗口数量的问题, 屏蔽部分一直 pending 的接口, 发现速度正常了, 搜到上面的参考文章, 看接口请求协议, 果然是 http1.1。测试反馈系统开 6 个标签页后, 反应变的很慢。
解决实际项目中stalled时间过久的问题
luxinfeng的博客
02-19 1万+
在公司参与了一个做度量统计的项目，该项目的特点是页面上的表格、卡片、图标非常多。项目经常出现一种情况：页面加载速度较慢，开始怀疑是由于计算量较大，后端接口相应速度较慢。优化了一版后端接口后（加缓存、优化SQL），发现有时接口的相应速度还是很慢，有的接口能达到3秒多，严重影响了用户体验。
chrome Stalled时间过长
u010793461的博客
10-22 1万+
心跳请求getMsg每秒请求一次，所有卡住的请求会突然一下子全通，如下图 好久才发现是浏览器的问题，下图右边为双核浏览器正常。 只有坐席电脑出现这个问题。 参考： 关于请求被挂起页面加载缓慢问题的追查 先记录问题，解决后更新。 ...
stalled和Initial connection偶尔请求时间长
zeroJustGG的博客
05-28 2万+
Queueing请求排队的时间。关于这个，需要知道一个背景，就是浏览器与同一个域名建立的TCP连接数是有限制的，chrome设置的6个，如果说同一时间，发起的同一域名的请求超过了6个，这时候就需要排队了，也就是这个Queueing时间 Stalled是浏览器得到要发出这个请求的指令，到请求可以发出的等待时间，一般是代理协商、以及等待可复用的TCP连接释放的时间，不包括DNS查询、建立TCP连接等...
vue解决一个方法同时发送多个请求的问题
10-17
在Vue.js应用中，开发者经常会遇到一个问题：用户在短时间内连续点击同一个按钮，导致同一方法触发多次，从而发出多个网络请求。这种情况不仅浪费资源，还可能导致数据处理错误。为了解决这个问题，我们可以采取一些...
axios 同时多个请求_用 axios 对同一个 URL 同时发起多个请求（不同参数），返回的 data 错乱...
weixin_35733586的博客
01-12 1005
前端 Vue，后端 Java。后端生成 API 供前端调用。所有 API 的 URL 地址是同一个，只是对不同的 API 传递不同的参数。参数格式如下：let data = {'username': 'admin','password': 'admin','methodName': 'method1','boId': 'bo1','returnType': 'json','parameters':...
详解iOS中多个网络请求的同步问题总结
08-30
YTKNetwork 是一个开源的网络框架，提供了多个网络请求的同步处理功能。它通过添加标识来实现网络请求的批量处理。下面是 YTKNetwork 框架中 YTKBatchRequest 类的使用示例： ```objective-c YTKBatchRequest *...
解决浏览器页面加载问题
05-23
判断不同浏览器的页面加载方法 //js是否加载完成 scriptReady:false, //DOM结构是否加载完成 domReady:false,
关于多个Ajax请求执行返回先后的问题示例探讨
10-25
在处理多个Ajax请求时，请求的执行和返回顺序是一个经常会遇到的问题。Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个页面的情况下，能与服务器交换数据并更新部分网页的技术。因为Ajax请求是...
关于前端请求发送时间时而长时而短问题(stalled a lot)
weixin_34007886的博客
01-15 1616
问题来源 问题出现的原因: 同一个页面当请求过多时, 浏览器只会同时处理6个请求, 请求完才会继续请求下一个.一起看看官方的解释吧: 介绍了netWork 请求的一些时间字段代表的含义; 原因找到了, 那现在有什么解决方案呢!, 笔者还在继续寻找答案, 也希望大神给出解答 ...
Stalled:一次请求超时异常处理
顺其自然~专栏
11-05 5124
最近项目中出现一个问题，前端每隔1秒向同一个url发起请求，第一次请求响应时间2秒左右，此后每次请求耗时会增加大约1秒，直到超时。
stalled是什么意思
最新发布
m0_57236802的博客
08-07 884
stalled 状态是 BitTorrent 下载过程中常见的一个状态，通常表示下载或上传暂停，无法继续进行。导致这种情况的原因有很多，包括没有可用的 Seeders 或 Peers、网络问题、客户端设置等。通过检查这些因素，可以尝试解决问题并恢复下载。
关于页面请求发起后，通过F12查看到，被挂起页面中stalled花费很长时间问题的追查...
weixin_34228387的博客
07-26 4831
2019独角兽企业重金招聘Python工程师标准>>> ...
谷歌浏览器network请求时间（stalled，DNS Lookup，Waiting）分析以及解决方案
双眸
03-21 2万+
network工具功能强大，能够让我看到网页加载的信息，比如加载时间，和先后顺序，是否是并行加载，还是堵塞加载。 默认情况下有八列: 　　（1）.Name:表示加载的文件名。 　　（2）.Method:表示请求的方式。 　　（3）.Status:表示状态码（200为请求成功，304表示从缓存读取）。 　　（4）.Type:表示文件的MIME Type的类型。 　　（5）.Initiator:表示...
请求被挂起导致页面加载缓慢
qq_32687373的博客
08-14 1万+
前提提要 系统内存在两个服务器的接口，一个是己方，一个是他方，某一天很多客户反应页面加载缓慢，但是最终会显示，经过排查，发现他方的接口一直处于pending状态，导致我方接口被迫挂起。 奇葩的是，超时不会报错！！！ 登录对方的官网，发现也进不去。。。初步猜测是对方的服务器挂了，但是这种情况会返回相应的报错，然后猜测是对方的后端一直未返回数据。 排雷 网上说的几种情况： 1.并发量问题：浏览器对同一域名存在一个最大并发连接数，建议将资源分布在多台主机上（我们虽然调用了两个接口，但是不同域名，排除）； 2.系统
chrome的timeline中stalled问题解析
weixin_30846599的博客
05-12 1160
原文地址 ：http://foio.github.io/chrome-stalled/ 在公司国做一个运营活动，上线后PM总是抱怨访问速度过慢，影响运营效果。然而从前端的角度来说我已经做了如下优化： css、js合并压缩、图片压缩、雪碧图、静态资源全部上CDN。但是依然很慢，实在s是困惑，通过chrome的timeline分析，发现有些请求确实很慢，但是大部分时间消耗在stalled阶段。...
进入页面的时候请求接口，过3分钟再次请求这个接口
06-03
可以使用 `setTimeout` 方法来实现过一段时间再次请求接口的功能。具体实现如下： ```javascript function fetchData() { // 发送请求获取数据 console.log('fetch data'); // 过3分钟再次请求 setTimeout(fetchData, 3 * 60 * 1000); } // 页面加载完成后立即请求 fetchData(); ``` 上述代码会在页面加载完成后立即请求数据，然后等待 3 分钟后再次请求数据。这里使用了递归调用 `fetchData` 函数来实现定时请求的功能。每次请求完成后，会等待 3 分钟再次调用 `fetchData` 函数。这样就可以实现每隔 3 分钟请求一次接口的效果。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值