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

最新推荐文章于 2023-04-29 08:45:00 发布
VIP文章 最新推荐文章于 2023-04-29 08:45:00 发布
阅读量8.9k 收藏 7
点赞数
分类专栏： HTTP
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40138556/article/details/114303571
版权

Network Timing

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

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

TCP连接

TCP是网络传输层中的协议࿰

最低0.47元/天 解锁文章
莉兹Liz
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
解决实际项目中stalled时间过久的问题
luxinfeng的博客
02-19 6502
在公司参与了一个做度量统计的项目，该项目的特点是页面上的表格、卡片、图标非常多。项目经常出现一种情况：页面加载速度较慢，开始怀疑是由于计算量较大，后端接口相应速度较慢。优化了一版后端接口后（加缓存、优化SQL），发现有时接口的相应速度还是很慢，有的接口能达到3秒多，严重影响了用户体验。
详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题
10-16
主要介绍了详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
关于请求被挂起页面加载缓慢问题的追查（stalled 时间过长）
热门推荐
tianhouquan的专栏
12-14 5万+
浏览器对同一域名进行请求的最大并发连接数 当我们在浏览网页的时候，对浏览速度有一个重要的影响因素，就是浏览器的并发数量。并发数量简单通俗的讲就是，当浏览器网页的时候同时工作的进行数量。 如果同时只有2个并发连接数数量，那网页打开的时候只能依赖于这2条线程，前面如果有打开慢的内容，就会直接影响到后面的内容打开。但是如果同时有更多的并发连接数，这样就会大大的提高网页加载速度。浏览器的并发连接数也并非越大越好。
Stalled:一次请求超时异常处理
顺其自然~专栏
11-05 3264
最近项目中出现一个问题，前端每隔1秒向同一个url发起请求，第一次请求响应时间2秒左右，此后每次请求耗时会增加大约1秒，直到超时。
解决浏览器页面加载问题
05-23
判断不同浏览器的页面加载方法 //js是否加载完成 scriptReady:false, //DOM结构是否加载完成 domReady:false,
chrome的timeline中stalled问题解析
weixin_30846599的博客
05-12 1009
原文地址 ：http://foio.github.io/chrome-stalled/ 在公司国做一个运营活动，上线后PM总是抱怨访问速度过慢，影响运营效果。然而从前端的角度来说我已经做了如下优化： css、js合并压缩、图片压缩、雪碧图、静态资源全部上CDN。但是依然很慢，实在s是困惑，通过chrome的timeline分析，发现有些请求确实很慢，但是大部分时间消耗在stalled阶段。...
工具链与其他-移动端网络优化的指标和策略
qq_35729091的博客
04-29 1041
chrome://net-internals/#dns可以看到能清除浏览器缓存的dns。多路复用：2.Connection Start 连接建立的时间；DNS Lookup：DNS查询时间（DNS很慢就是运营商出问题了）在打开APP期间将资源推送到APP的缓存中（连WIFI时候可用）Waiting（TTFB）：等待第一帧的时间，等待时间。2.Connection Start 连接建立的时间。Stalled：闲置时间，程序在准备资源。native工程师和前端工程师一起开发。（优先做）服务端渲染->请求合并。
stalled和Initial connection偶尔请求时间长
zeroJustGG的博客
05-28 2万+
Queueing请求排队的时间。关于这个，需要知道一个背景，就是浏览器与同一个域名建立的TCP连接数是有限制的，chrome设置的6个，如果说同一时间，发起的同一域名的请求超过了6个，这时候就需要排队了，也就是这个Queueing时间 Stalled是浏览器得到要发出这个请求的指令，到请求可以发出的等待时间，一般是代理协商、以及等待可复用的TCP连接释放的时间，不包括DNS查询、建立TCP连接等...
stalled -Connection reset by IP, Broken pipe
君子不器
02-28 469
暑假在家学习，window上传到linux服务器失败。用的是家里的WiFi。 解决办法：换成自己的手机的热点，就好了。 https://blog.csdn.net/FeiSan/article/details/83247975 ...
chrome----timing含义解释
FreeMing-imduingui0
02-23 1万+
Queueing 请求文件顺序的的排序 什么东西？ 浏览器有线程限制的，发请求也不能所有的请求同时发送，所以，队列喽。 从添加到待处理队列 到实际开始处理的时间间隔标示 Stalled 是浏览器得到要发出这个请求的指令到请求可以发出的等待时间，一般是代理协商、以及等待可复用的TCP连接释放的时间，不包括DNS查询、建立TCP连接等时间等 DNS Lookup 时间执行DNS查找。每个
vue解决一个方法同时发送多个请求的问题
10-17
今天小编就为大家分享一篇vue解决一个方法同时发送多个请求的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue之封装多个组件调用同一接口的案例
11-19
背景：项目中有多个组件调用同一接口，为提高代码可维护性，需要封装公共方法 直接return 接口调用的结果 export function getAll() { let all = []; let opt = { method: 'get', url: 'all/teacher', success: res => { all = res.data.value || []; }, fail: err => { tipInfo(err.data.desc, '提示', false, 'warning'); } }; $http(opt);
AJAX中同时发送多个请求XMLHttpRequest对象处理方法
10-30
AJAX中同时发送多个请求XMLHttpRequest对象处理方法
iOS当多个网络请求完成后执行下一步的方法详解
08-28
在多线程中,有时候我们会遇到一个界面同时有多个网络请求(比如a,b,c,d四个网络请求),在这四个个请求结束后,在请求到数据去做其他操作(UI更新等)，下面这篇文章主要给大家介绍了关于iOS当多个网络请求完成后执行下一步的相关资料，需要的朋友可以参考下。
vue-axios同时请求多个接口 等所有接口全部加载完成再处理操作
01-18
我就废话不多说了，大家还是直接看代码吧~ Axios.all([request1, request2, request3]) .then( Axios.spread((area, acct,...补充知识：vue，axios处理同一个接口多次访问的执行顺序问题 碰到个问题记录一下，就是ax
2014年311教育学专业基础综合答案解析.pdf
04-24
教育学考研，考研真题，全国硕士研究生统一考试教育学专业基础综合真题及解析，311历年真题，参考答案，答案解析。教育学统考。
大语言模型安全测试方法
04-24
4月16日联合国日内瓦总部万国宫，由世界数字技术院（WDTA）与云安全联盟大中华区（CSA GCR）联合主办第27届联合国科技大会AI边会上，世界数字技术院（WDTA）发布了两项具有重要意义的国际标准：“生成式人工智能应用安全测试标准”和“大语言模型安全测试方法”。这是国际组织首次在生成式AI应用安全、大模型安全领域发布国际标准，为业界提供了统一的测试框架，标准的发布将对人工智能领域产生深远影响，推动人工智能技术的安全、可靠发展。 这两大标准由云安全联盟大中华区研究院副院长黄连金带领的专家团队编制而成，他们来自CSA大中华区、OpenAI、蚂蚁集团、谷歌、微软、亚马逊、英伟达、OPPO、科大讯飞、百度、腾讯、加州大学伯克利分校、芝加哥大学、香港科技大学等数十家单位，体现了业界的广泛协作与集体智慧。 云安全联盟大中华区主席、世界数字技术院执行理事长李雨航院士发布时介绍，“生成式人工智能应用安全测试标准”为测试和验证生成式AI应用的安全性提供了一个框架，特别是那些使用大语言模型构建的应用程序。它定义了人工智能应用程序架构每一层的测试和验证范围，确保AI应用各个方面都经过严格的安全性和合规性
基于ssm电商网站的设计与实现(部署视频)_kaic.zip
04-24
目 录 目 录 1 绪论 1.1 研究背景 1.2 目的和意义 1.3 论文结构安排 2 相关技术 2.1 SSM框架介绍 2.2 B/S结构介绍 2.3 MYSQL数据库介绍 3 系统分析 3.1 系统可行性分析 3.1.1 技术可行性分析 3.1.2 经济可行性分析 3.1.3 运行可行性分析 3.2 系统性能分析 3.2.1 易用性指标 3.2.2 可扩展性指标 3.2.3 健壮性指标 3.2.4 安全性指标 3.3 系统流程分析 3.3.1 操作流程分析 3.3.2 登录流程分析 3.3.3 信息添加流程分析 3.3.4 信息删除流程分析 4 系统设计 4.1 系统概要设计 4.2 系统功能结构设计 4.3 数据库设计 4.3.1 数据库E-R图设计 4.3.2 数据库表结构设计 5 系统实现 5.1用户信息管理 5.2 商品信息管理 5.3商品分类管理 5.1商品资讯管理 6 系统测试 6.1 系统测试的特点  6.2 系统功能测试 6.2.1 登录功能测试 6.2.2 添加类别功能测试 6.3 测试结果分析 结 论 致 谢 参考文献
Comfast CF-924AC V3无线网卡驱动
最新发布
04-24
https://editor.csdn.net/md/?articleId=137978326文章对应USB 1300M无线网卡驱动，使用方式请参考博文。本驱动为博文对应的RDK X3平台所用，其它平台根据博文链接下载源码编译。
清缓存后一个页面请求多个接口token接口调用多次
07-08
在清除缓存后，如果一个页面需要多次调用接口获取 token，你可以使用以下方法来处理： 1. 使用异步请求：确保每个接口的调用是异步的，这样可以避免一个接口的调用阻塞其他接口的执行。 2. Promise 链式调用：使用 Promise 来管理接口调用的顺序。在每个接口请求完成后，再发起下一个接口的请求。这样可以确保前一个接口的响应返回后再调用下一个接口。 ```javascript // 使用 Promise 链式调用多个接口 function getToken1() { return new Promise((resolve, reject) => { // 发起 getToken1 接口请求 // 处理成功则调用 resolve(response)，否则调用 reject(error) }); } function getToken2() { return new Promise((resolve, reject) => { // 发起 getToken2 接口请求 // 处理成功则调用 resolve(response)，否则调用 reject(error) }); } function getToken3() { return new Promise((resolve, reject) => { // 发起 getToken3 接口请求 // 处理成功则调用 resolve(response)，否则调用 reject(error) }); } // 调用示例 getToken1() .then((response1) => { // 处理 getToken1 的响应数据 return getToken2(); // 返回一个新的 Promise 对象 }) .then((response2) => { // 处理 getToken2 的响应数据 return getToken3(); // 返回一个新的 Promise 对象 }) .then((response3) => { // 处理 getToken3 的响应数据 // 所有接口请求完成 }) .catch((error) => { // 处理错误情况 }); ``` 通过使用 Promise 链式调用，你可以确保每个接口的调用顺序和依赖关系，并在所有接口请求完成后进行处理。 请根据实际情况替换示例中的接口请求代码，并根据需要进行错误处理和数据处理。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值