记录简单优化系——关于图表请求页面加载缓慢问题的追查(stalled 时间过长)

时间:2024-05-31 14:16:40

问题描述:一个页面中有多个图表,用到的是echarts,angularjs,每一个图表都是一个请求,详细如截图。

记录简单优化系——关于图表请求页面加载缓慢问题的追查(stalled 时间过长)

记录简单优化系——关于图表请求页面加载缓慢问题的追查(stalled 时间过长)

发现stalled(阻塞)时间比较长,上网百度可以得到很多解决办法,简单百度查到的如下:

Stalled(阻塞)
  浏览器对同一个主机域名的并发连接数有限制,因此如果当前的连接数已经超过上限,那么其余请求就会被阻塞,等待新的可用连接;此外脚本也会阻塞其他组件的下载;

  优化措施:

  1、将资源合理分布到多台主机上,可以提高并发数,但是增加并行下载数量也会增大开销,这取决于带宽和CPU速度,过多的并行下载会降低性能;

  2、脚本置于页面底部;

浏览器对同一域名进行请求的最大并发连接数
当我们在浏览网页的时候,对浏览速度有一个重要的影响因素,就是浏览器的并发数量。并发数量简单通俗的讲就是,当浏览器网页的时候同时工作的进行数量。

如果同时只有2个并发连接数数量,那网页打开的时候只能依赖于这2条线程,前面如果有打开慢的内容,就会直接影响到后面的内容打开。但是如果同时有更多的并发连接数,这样就会大大的提高网页加载速度。浏览器的并发连接数也并非越大越好。

记录简单优化系——关于图表请求页面加载缓慢问题的追查(stalled 时间过长)

目前的解决办法有:1,实时数据,合并请求链接(图的请求一类,表的请求各自分开,多线程并发处理),2,图表数据缓存,数据定时刷新,3,sql优化,4,业务优化。

本人小白,如有更好的思路求大神指点。

记录简单优化的一些想法>