访问页面时queueing为5秒的问题

最新推荐文章于 2024-05-30 22:14:27 发布
最新推荐文章于 2024-05-30 22:14:27 发布
阅读量6.8k 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangzhanzheng/article/details/72866793
版权
本文探讨了网页加载过程中出现长时间空白的原因。通过浏览器调试工具发现.html请求存在5秒的挂起问题，进一步研究揭示这是由浏览器活动连接数限制导致。

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

在访问页面时候，偶尔会出现页面空白很久没有显示的情况，但是看到加载的时间都很短，那这个空白的时间哪来的呢？

看了调试工具，发现是.html的请求有一个queueing为5秒的挂起。

最后看了谷歌对这个的解释，是由于浏览器的活动连接数的问题，具体如下：


queueing 优化_页面性能优化总结
weixin_39628339的博客
12-20 1518
页面性能优化总结由于本人前几天一直在解决页面性能、加载慢等问题。解决后，对于该方面知识有一定的认识与理解，现将经验码出来，与大家分享；由于单纯讲解知识点会造成知识点认识混乱，故将知识分模块讲解；由于项目中主要使用chrome浏览器，故仅讲解以webkit为内核的浏览器机制1.浏览器加载时间：当浏览器对页面进行加载并且解析时，会产生如下几个主要时间：1)、queueing 时间该时间为等候时间，也可...
queueing 优化_从Timing看HTTP请求的优化方向
weixin_39917291的博客
12-20 2405
1, 背景在Chrome开发者工具中，有一个Timing菜单，可以查看每一个HTTP请求耗时分布，如下 2, 内容Queued at 8.4 msStarted at 8.4 msResource Scheduling DURATIONQueueing 2.98 msConnection Start DURATIONStalled ...
从网络通信角度谈web性能优化
weixin_34194087的博客
04-25 263
博客原文地址：Claiyre的个人博客 https://claiyre.github.io如需转载，请在文章开头注明原文地址 衡量一个网站的性能有多个指标，DNS解析时间，TCP链接时间，HTTP重定向时间，等待服务器响应时间等等，从用户角度来看，就可以归结为该网站访问速度的快慢。也就是说性能等于网站的访问速度。早些年Amazon曾经做过...
wx.chooseimage 超过了最大请求长度_从Timing看HTTP请求的优化方向
weixin_39634900的博客
12-06 436
1、背景在Chrome开发者工具中，有一个Timing菜单，可以查看每一个HTTP请求耗时分布，如下2、内容Queued at 8.4 msStarted at 8.4 msResource Scheduling DURATIONQueueing 2.98 msConnection Start DURATIONStalled ...
网页加载时浏览器有请求队列限制导致TTFB时间过长
最新发布
pwk_888的博客
05-30 1571
生产环境中遇到TTFB加载时间过长的问题处理
CentOS搭建Zookeeper
Button的博客
06-02 1256
CentOS搭建zookeeper
基于时间缓存优化浏览器轮询阻塞问题
禅与计算机程序设计的艺术
10-02 410
笔者最先开始排查时以为是后端服务的性能瓶颈，排查是否是当前功能非常耗时有关，查看日志发现接口的耗时基本是毫秒级，不存在性能瓶颈。得出前端轮询不可靠以及websocket方案被驳回之后，笔者采用时间缓存的方案，即将第一次请求的时间缓存下来，后续前端发起的请求都会基于缓存的数据加1s，确保时间不会错误，尽管前端可能会出现延迟，但是页面渲染的时间是不会错的。实际上，随着轮询请求的增加后，响应结果变成了这样，1:00时的数据得到1:01的数据，而1:01的数据得到的也是1:01数据，请求和响应会出现偶发的延迟。
Chrome浏览器Timing研究说明
小小默：进无止境
12-08 4686
DNS查询的时间，当本地DNS缓存没有的时候，这个时间可能是有一段长度的，但是比如你一旦在host中设置了DNS，或者第二次访问，由于浏览器的DNS缓存还在，这个时间就为0了。浏览器得到要发出这个请求的指令，到请求可以发出的等待时间，一般是代理协商、以及等待可复用的TCP连接释放的时间，不包括DNS查询、建立TCP连接等时间等。请求发出后，到收到响应的第一个字节所花费的时间(Time To First Byte)，发送请求完毕到接收请求开始的时间；注意：网页重定向越多，TTFB越高，所以要减少重定向。
开发者工具network里请求pending状态耗时长是为什么？（项目部分页面的请求）
weixin_46917162的博客
11-17 6502
在开发一个数字化大屏项目的时候遇到问题：某个大屏接口请求10多秒才能拿到响应数据，其他大屏页面接口响应很快。
前端项目(Vue/React)性能优化
qq_44647871的博客
02-02 514
前言 前端随着node等JavaScript运行时平台的出现，逐渐向工程化方向发展。项目开发也越来越规范化，但是随着项目的体积越来越大，依赖库越来越多，项目的运行，热更新和打包发布也是越来越慢，甚至卡
排队时延(Queuing delay)
weixin_30847939的博客
01-21 1243
网络时延的构成 Network delay including four parts: Processing delay - time routers take to process the packet header. Queuing delay - time the packet spends in routing queues Transmission delay - ...
app加载html5,H5页面在App中加载步骤浅析
weixin_35219482的博客
06-07 1246
先来看下H5页面的渲染经过：使用服务端渲染方式，即前端看不到页面接口请求的页面加载顺序如下：访问一个页面url，浏览器开始进行dns解析，找到域名对应ip的前端服务器。进行tcp/ip连接的握手，连接建立后，服务器通过访问的路由获取html文件，并请求接口获得接口数据，将两者拼接在一起。将页面传输到客户端浏览器端，浏览器通过页面源代码读取出需要加载的静态资源。进入静态资源加载和页面渲染过程。静态资...
聊聊运行时监控方案
老司机的后备箱
09-17 912
在 Web 监控场景中，除了常见的如 FP、FCP、LCP 等都属于页面加载时的性能指标，而页面运行时同样存在一些性能问题导致不好的用户体验，比如丢帧卡顿、内存泄露页面崩溃等。为了能及时发现、定位到这些问题，因此探索运行时的性能监控方案。若内容存在谬误，请帮忙指正。下一篇准备更新《使用 Chrome DevTools Performance 进行长任务归因的详细步骤》
关于network中timing详解
qq_43121828的博客
09-29 3054
参数具体含义： Queueing：请求文件顺序的排序。浏览器是有线程限制的，发请求也不能所有的请求同时发送，会将请求加入队列中（Chrome的最大并发连接数是6）。此参数表示从添加到待处理队列，到实际开始处理的时间间隔标示。 Stalled（阻塞）：浏览器得到要发出这个请求的指令，到请求可以发出的等待时间，一般是代理协商、以及等待可复用的TCP连接释放的时间，不包括DNS查询、建立TCP连接等时...
解决RabbitMQ队列超长QueueingConsumer导致JVM内存溢出的问题
落叶翩翩的CSDN博客
09-05 7466
我们的服务器使用RabbitMQ作为消息中转的容器。某天我怀疑RabbitMQ队列是否都能及时消化。于是用命令查询了下：rabbitmqctllist_vhosts | grep -P ".*\.host" | xargs -i rabbitmqctl list_queues-p {} | grep "queue"。  不查不知道，一查吓一跳：大多数服务器的队列基本上都是空的，但是有些服务器的某
关于请求被挂起页面加载缓慢问题的追查（stalled 时间过长）
热门推荐
tianhouquan的专栏
12-14 6万+
浏览器对同一域名进行请求的最大并发连接数 当我们在浏览网页的时候，对浏览速度有一个重要的影响因素，就是浏览器的并发数量。并发数量简单通俗的讲就是，当浏览器网页的时候同时工作的进行数量。 如果同时只有2个并发连接数数量，那网页打开的时候只能依赖于这2条线程，前面如果有打开慢的内容，就会直接影响到后面的内容打开。但是如果同时有更多的并发连接数，这样就会大大的提高网页加载速度。浏览器的并发连接数也并非越大越好。
Chrome Dev Tool 中时间线各阶段代表的意义
每天都记录一点点！
07-09 6089
chorme Dev Tool工具的使用
浏览器中Network各个耗时含义
ime33的博客
05-21 3523
一、Queueing 发起请求文件顺序的排序耗时； 优化点：浏览器在以下情况会对请求进行排序，1、JS执行发起http请求存在更高优先级的请求；2、并发列队tcp链接达到上限（谷歌HTTP1.0以上处理上限6个）；3、浏览器分配缓存空间； 措施：1、在JS执行过程中，识别哪些是需优先取数的请求，优先排序进队列；2、并发http数控制在浏览器上限合理范围，特别注意图片的加载尽量使用精灵图，减少请求次数； 二、Stalled 是浏览器得到要发出这个请求的指令到请求可以发出的等待时间，一般是代理协...
.Queueing Systems理论精粹：1975年经典著作分享
- 理论与实践：这本书可能还讨论了如何将排队理论应用到实际问题的解决中，为不同的应用场景提供理论支持。 5. 出版信息： - 出版社：Wiley出版社，国际知名的学术出版社。 - 系列与卷数：该书为系列书籍，至少...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值