chrome 接口请求等待时间(installed 已停止)过长问题定位

参考:

解决实际项目中stalled时间过久的问题

背景:

测试反馈系统开 6 个标签页后, 反应变的很慢

定位:

  1. 看接口请求瀑布流, 已停止时间很长, 后端返回速度很快, 确定是前端的问题

  2. 推测是并发请求窗口数量的问题, 屏蔽部分一直 pending 的接口, 发现速度正常了, 搜到上面的参考文章, 看接口请求协议, 果然是 http1.1

  3. 跟其他同事确认这个接口的情况, 总结:

    消息通知有个接口, 最长有可能等 1 分钟再返回, 而浏览器对同一个域名的并发请求数限制为最多 6 个(针对 http1.1 而言), 导致开 6 个标签页后, 6 个并发请求基本全被这个接口占着了, 其他接口只能排队等某个标签页的这个接口请求完毕退出并发后才能请求, 因此速度变慢

后续解决

跟该接口相关前端说了, 看是后端调整接口逻辑, 还是改 http2 协议啥的

相关推荐
大胖丫1 分钟前
vue 学习-vite api.js
开发语言·前端·javascript
孙桂月3 分钟前
ES6相关操作(2)
前端·javascript·es6
遇见很ok3 分钟前
js中 ES6 新特性详解
开发语言·javascript·es6
陈浩源同学3 分钟前
学习 TypeScript 栈和队列数据结构
前端·算法
我这一生如履薄冰~5 分钟前
简单封装一个websocket构造函数
前端·javascript·websocket
fangcaojushi5 分钟前
解决webpack5.54打包图片及图标的问题
前端·vue.js
海盗强5 分钟前
Webpack打包优化
前端·webpack·node.js
wang09077 分钟前
常用网络工具分析(ping,tcpdump等)
网络·tcpdump
星之卡比*7 分钟前
前端面试题---vite和webpack的区别
前端·面试
^^为欢几何^^12 分钟前
npm、pnpm和yarn有什么区别
前端·npm·node.js