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

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

发现stalled（阻塞）时间比较长，上网百度可以得到很多解决办法，简单百度查到的如下：

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

　　优化措施：

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

　　2、脚本置于页面底部；

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

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

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

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

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

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

关于请求被挂起页面加载缓慢问题的追查（stalled 时间过长）
关于请求被挂起页面加载缓慢问题的追查缘起有一个Dashboard的页面大约有十几个图表,每一个图表是一个ajax请求. 突然有一天改了页面中间几个图表的查询逻辑,导致ajax请求响应时间比较长. ...
关于请求被挂起页面加载缓慢问题的追查
本文前戏较多,务实的同学可以直接跳到结论. 由「钢的琴」网友脑洞大开延伸出了吉的他二的胡琵的琶,以及后来许嵩的「苏格拉没有底」,是否可以再拓展一下,得到哥本不爱吃哈根,哈根爱达斯等剧情乱入的关系. 上 ...
前端页面加载缓慢的原因和性能优化问题
前端页面加载缓慢的原因和性能优化问题一.页面加载缓慢的原因二.前端性能优化方法一.页面加载缓慢的原因当我们打开一个网页,页面加载比较缓慢时,可能原因有以下几点: (1)过多的http请求 (2 ...
请求被挂起导致页面加载缓慢
前提提要系统内存在两个服务器的接口,一个是己方,一个是他方,某一天很多客户反应页面加载缓慢,但是最终会显示,经过排查,发现他方的接口一直处于pending状态,导致我方接口被迫挂起. 奇葩的是,超时 ...
自定义字体包过大，导致页面加载缓慢的问题解决
// 字体包过大,在渲染页面客户端时加载缓慢,导致页面加载缓慢影响用户体验.需要处理字体包: // 1. 转码,使得不受不同浏览器之间的限制 2.压缩:使得加载更迅速 // 使用中文字体压缩器:fon ...
html5 页面加载缓慢,html5体验优化页面加载的14条建议
html5体验优化页面加载的14条建议 1. fake 页 - 首屏加速目标:首屏 3s 以内因为 71% 的用户期望移动页面跟 pc 页面一样快 (3s) ,74% 的用户能容忍的响应时间为 5 ...
ant design pro 加载慢_ant design pro项目打包后页面加载缓慢
用ant design pro框架做的项目,打包之后每一个页面加载的速度都特别慢,在.webpackrc里面配置了ignoreMomentLocale: true, disableDynamicImp ...
Python selenium页面加载缓慢，超时解决办法
最近在编写selenium自动化测试框架,遇到一个烦人的问题, driver.get()不执行完,浏览器页面一直在转圈圈,下面的代码根本就不会执行,耗时一天的时间终于解决了. 原理:driver.ge ...
Nginx性能优化功能- Gzip压缩(大幅度提高页面加载速度)
Nginx开启Gzip压缩功能, 可以使网站的css.js .xml.html 文件在传输时进行压缩,提高访问速度, 进而优化Nginx性能! Web网站上的图片,视频等其它多媒体文件以及大文件,因 ...

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

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

最新文章

热门文章