queueing 优化_从Timing看HTTP请求的优化方向

最新推荐文章于 2024-07-09 16:14:30 发布
最新推荐文章于 2024-07-09 16:14:30 发布
阅读量1.2k 收藏 2
点赞数
文章标签： queueing 优化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39839726/article/details/111735795
版权
本文分析了Chrome开发者工具中HTTP请求的Timing，解释了请求队列、资源调度、连接开始、请求响应等阶段的时间消耗。浏览器对同一Host的并发请求有限制，优化方向包括增大HTTP并发数、减少延迟和优化服务器配置。建议升级到HTTP2.0以利用多路复用技术，并在服务端减少代理和重定向。
摘要由CSDN通过智能技术生成

1, 背景

在Chrome开发者工具中，有一个Timing菜单，可以查看每一个HTTP请求耗时分布，如下

2, 内容

Queued at 8.4 ms

Started at 8.4 ms

Resource Scheduling DURATION

Queueing 2.98 ms

Connection Start DURATION

Stalled 16.94 ms

Proxy negotiation 0.76 ms

DNS Lookup 5.42 ms

Initial connection 16.58 ms

SSL 10.43 ms

Request/Response DURATION

Request sent 41 us

Waiting (TTFB) 84.12 ms

Content Download 5.48 ms

(Total:) 132.21 ms

我们依次从上往下，对照官方文档来看。

2.1 Queued at 8.4ms, 它表示当前的这个请求在这个页面加载过程中，加入到请求队列中的时间。这个数值是从0开始计算的，然后按照加入队列的顺序，依次累加的。

为什么会排队呢？因为浏览器对同一时间，同一个Host发起的HTTP1.1并发请求的个数做了限制，不是所有的请求都能发出去，所以需要排队。

个数限制详情如下

BrowserVersion | ConnectionsPerHostname | MaxConnections

-------------

最低0.47元/天 解锁文章
weixin_39839726
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
异步加载css 和 谷歌浏览器各实用小工具介绍
e5354966xieo1的博客
12-28 633
异步加载css资源 加开页面首屏显示速度使我们前端一直在追求的目标，而css资源在这些优化中同样也是不可或缺的。 一个网站可能有一部分css资源是必须的，他需要在页面渲染完之前就被加载完，并和html一起解析，这个暂时无法做手脚，但是我们可以把一些非关键的css进行异步化，也就是异步加载。 市面上有很多工具可以达到这个效果，比如loadCSS 这次要说的这个异步加载方式，其实也是loadCSS...
wx.chooseimage 超过了最大请求长度_从Timing看HTTP请求的优化方向
weixin_39634900的博客
12-06 382
1、背景在Chrome开发者工具中，有一个Timing菜单，可以查看每一个HTTP请求耗时分布，如下2、内容Queued at 8.4 msStarted at 8.4 msResource Scheduling DURATIONQueueing 2.98 msConnection Start DURATIONStalled ...
CentOS搭建Zookeeper
Button的博客
06-02 1007
CentOS搭建zookeeper
f12 network中timing参数含义
song854601134的博客
06-04 656
1、通过条件Get请求，对比If-Modified-Since和Last-Modified时间，确定是否使用缓存中的组件，服务器会返回“304 Not Modified”状态码，减小响应的大小；SSL（包含于HTTPS连接中）：http是超文本传输协议，以明文方式发送内容，不提供任何方式的数据加密，如果被不法分子截取浏览器和服务器之间的传输报文，会获取其中的信息。2、对不常变化的组件添加长久的Expires头（相当于设置久远的过期时间），在后续的页面浏览中可以避免不必要的HTTP请求；
【前端性能优化摸索】浏览器发起的网络请求，经历了哪些阶段以及该如何优化
qq_40610760的博客
05-28 746
一、发起的网络请求，经历了哪些阶段以及该如何优化 我们从开发者工具的network就可以清楚的看到每个请求的时长，以及网页加载的情况。 Stalled:是浏览器得到要发出这个请求的指令，到请求可以发出的等待时间，一般是代理协商、以及等待可复用的TCP连接释放的时间，不包括DNS查询、建立TCP连接等时间等。 queueing完后开始Stalled,上图Stalled所用时间为6.45ms。 Proxy negotiation:代理协商所用时间。 上图所用时间为..
vue请求时间太长_接口处理请求时间过长，前台响应“服务器超时”的解决办法
weixin_45441470的博客
08-17 8353
这些方法可以根据具体需求和情况进行选择和组合使用，以提高前端的用户体验和接口的性能。同时，还需要考虑服务器端的性能和网络环境，以及前后端的协作来实现最佳的用户体验。
访问页面时queueing为5秒的问题
.zz的博客
06-05 6601
在访问页面时候，偶尔会出现页面空白很久没有显示的情况，但是看到加载的时间都很短，那这个空白的时间哪来的呢？ 看了调试工具，发现是.html的请求有一个queueing为5秒的挂起。 最后看了谷歌对这个的解释，是由于浏览器的活动连接数的问题，具体如下：
HTTP协议39丨HTTP性能优化面面观（上）
最新发布
qq_53280238的博客
07-09 299
（在英语原文中是 mile，英里）。“第一公里”是指网站的出口，也就是服务器接入互联网的传输线路，它的带宽直接决定了网站对外的服务能力，也就是吞吐量等指标。显然，优化性能应该在这“第一公里”加大投入，尽量购买大带宽，接入更多的运营商网络。“中间一公里”就是由许多小网络组成的实际的互联网，其实它远不止“一公里”，而是非常非常庞大和复杂的网络，地理距离、网络互通都严重影响了传输速度。
LINUX 编译内核选项 向作者致敬
热门推荐
吾将上下而求索
08-24 1万+
<br />Linux 2.6.19.x 内核编译配置选项简介作者：金步国版权声明<br />本文作者是一位自由软件爱好者，所以本文虽然不是软件，但是本着 GPL 的精神发布。任何人都可以自由使用、转载、复制和再分发，但必须保留作者署名，亦不得对声明中的任何条款作任何形式的修改，也不得附加任何其它条件。您可以自由链接、下载、传播此文档，但前提是必须保证全文完整转载，包括完整的版权信息和作译者声明。其他作品<br />本文作者十分愿意与他人共享劳动成果，如果你对我的其他翻译作品或者技术文章有兴趣，可以在如下位
kafka内存溢出分析：OutOfMemoryError
Autumn_bell的博客
11-19 6441
线上Kafka问题分析：OutOfMemoryError 前言： 最近在线上遇到个奇怪的问题，具体的情景是：由于客户有相应的需求，我们需要提前在程序中判断Kafka集群是否可用，于是我们使用了Kafka0.11.0.0版本之后提供的KafkaAdminClient，这可以方便的创建一个kafka客户端进行集群的管理操作。 经过： 我们使用listTopics()来获取kafka集群所有的topic，如果能获取到相应数据，则能够说明kafka集群运行正常，代码很简单： package com.wenjie.d
一个页面同时请求多个接口，超过6个请求之后，stallled时间过长
莉兹Liz的博客
03-03 9404
Network Timing 使用Chrome浏览器请求多个接口时发现前面的请求Network Timing中stalled时间明显较短，到第四个请求时stalled时间开始加长，超过6个请求之后，stallled时间过长，导致接口整体请求时间变长，页面渲染变慢。 为什么会这样呢，通过查看stalled发现和TCP连接有关。 TCP连接 TCP是网络传输层中的协议，三次握手建立连接、四次挥手终止连接。问题中，因为使用axios结合async、await异步请求来请求接口，因此，7个TCP同时发起连接，
浏览器的performance API与页面首屏加载分析
知识点沉淀包括不限于前端
05-01 1122
浏览器的performance API与页面首屏加载分析 https://juejin.cn/post/6940656977919868959 前言 现代浏览器提供了performance（性能）这个API来帮助我们分析页面的加载性能，从MDN上可以看到从IE9时代（约2011年）就开始支持了，所以目前来说兼容性还算可以，所以可以研究一下这个API具体有啥功能。 window.performance 1.1 整体结构 先看看performance主要结构： image.png 其中页面整体的性能时间顺序
chrome network 一次timing分析
娃哈哈_的博客
09-11 4049
一、背景 在chrome浏览器运行前端项目时 ，发现页面渲染很慢，F12打开控制台- network，发现有些请求响应时间长达7s多的时间，点击查看timing如下： 如上图所示，该http请求的 waiting(TTFB)时间很长~ 二、几个重要的概念(加粗为重点) 1、Queueing（队列） 【资源调度】期间，浏览器有自己的线程限制，所有的请求不可能都能够同时发送，一般chrome的最大并发连接数为6，根据请求顺序，会将所有请求加入队列中，此概念表示在队列所耗费等待的时间。 2、Stalled（阻塞
使用Chrome开发者工具network中的timing来调优
qgnczmnmn的博客
06-21 1810
在文章chrome浏览器F12 Network中Timing参数含义中介绍了network中的timing各属性的含义，一般API的请求中比较耗时的阶段在content download阶段， 在实际开发中，如果页面上刷新好久还没有数据，可以看一下是不是时间都消耗在这个阶段；也可以等请求结束可以根据请求中的属性来判断是不是因为数据太大导致下载比较慢。 如下图，可以看到请求中大部分的时间都消耗在了content download阶段： 接下里看一下API请求后的参数情况： 正如图中所示，118KB t.
分析Chrome的瀑布流（Waterfall）
发现问题，面对问题，分析问题，解决问题，总结问题
04-28 3976
当需要调试网页或分析网站性能时，我们往往会F12打开浏览器控制台，查看网络请求，看网页加载了哪些资源，以及对应的请求方式（Method）、状态码（Status）、资源类型（Type）、大小（Size）、耗费的时间（Time）等。 如果某个资源耗费的时间比较长，我们需要深入分析时，则需要看另一个项目：瀑布流（Waterfall），在Waterfall中我们可以看出时间具体花在了哪些部分。 【进入队列时间 Queued at】 浏览器将资源放入队列时间 【开始时间 Started at】 浏览器开始处理资源的
chrome----timing含义解释
FreeMing-imduingui0
02-23 1万+
Queueing 请求文件顺序的的排序 什么东西？ 浏览器有线程限制的，发请求也不能所有的请求同时发送，所以，队列喽。 从添加到待处理队列 到实际开始处理的时间间隔标示 Stalled 是浏览器得到要发出这个请求的指令到请求可以发出的等待时间，一般是代理协商、以及等待可复用的TCP连接释放的时间，不包括DNS查询、建立TCP连接等时间等 DNS Lookup 时间执行DNS查找。每个
HTTP协议优化网站加载响应速度的思考
qq_45756124的博客
07-22 978
在公司的第一天晚上就被拉去开会，一个日志分析系统，使用者反馈说查询速度过慢，加载全部数据要很久，最慢的几个请求要30多s才返回，经过排查否定了响应数据过大、服务器处理数据时间长（ES聚合）等问题，最终发现是请求数过多导致请求排队时间过长，大概5/6的时间都花在排队上了。HTTP/1.1Pipeling解决方式为，若干个请求排队串行化单线程处理，后面的请求等待前面请求的返回才能获得执行机会，一旦有某请求超时等，后续请求只能被阻塞，毫无办法，也就是人们常说的线头阻塞；每一个请求都要建立一个连接；...
详解网页性能参数 performance API
杏子
01-13 8909
本文要点： 1. 介绍浏览器核心工作流程； 2. 介绍 performance 对象及方法。通过 performance 对象详解网页各项资源耗时及内存占用情况（精确到每个资源的DNS 解析时间，TCP连接时间等）。
queued flash
06-08
"Queued flash" 可能指的是一种在计算机程序中使用的技术，用于在后台处理任务，而不会阻塞当前程序的执行。这种技术通常被称为"异步编程"，可以提高程序的性能和响应速度。具体来说，"queued flash" 可能是指使用 Flash 构建的异步处理机制，其中任务被排队并在后台处理，以避免阻塞主线程。请注意，这只是一种可能的解释，具体取决于上下文。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值