首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

关于请求被挂起页面加载缓慢问题的追查

缘起 有用户反馈内部MIS系统慢,页面加载耗时长。前端同学们开组会提及此事,如何解决慢的问题。 最致命的是:偶发!你不能准确知道它抽风的时间点,无法在想要追查问题的时候必现它。...如果这个页面加载大量数据耗时增加那我认为这是正常的。但这个时限超过了一个合理的自然值,就变得不那么正常了,比如四五十秒,一分多钟。...这个时候还没有开启chrome://net-internals/#events页面来捕获事件日志。...话不多说,切换到事件捕获页面,定位到出问题的请求,查看其详情。同时将该日志导出,永久保存!作为纪念,也方便以后再次导入查看。...「之前有过很多成功的连接」,确实,因为出现加载缓慢的情况是偶发的,这之前有过很多正常的不卡的请求存在过。这里没有异议。

5.2K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    优化谷歌联盟广告JS加载缓慢问题,提高网站页面的加载速度

    早上跟彧繎博主聊天,看到他博客有一篇优化谷歌联盟js优化的文章,因为谷歌在国内尴尬的局面,在网页加载js的时候可能会比较拖拉,然后他又给我了一篇关于优化谷歌联盟js的文章,然后看了下自己网站的加载速度,...; document.body.appendChild(script);     }, 2000); }; 代码含义就是广告时间延迟异步加载,这样可以加快加载速度!...downloadJSAtOnload); else window.onload = downloadJSAtOnload; 这样符合Google官方不能不能改变代码的要求,建议把js放在我们页面的...head之内,即使多个页面都会统一调用,然后将和代码放在网页广告接口位置,例如: <ins class="adsbygoogle"      style="display:block...,而且我还发现一个问题,就是优化之后页面js错误由原来的10个减少成3个,这可真是意外的收获啊,其实网上的教程还是很多的,大同小异,基本都是通过异步加载实现的,好了,有问题留言反馈吧。

    3.7K40

    优化谷歌联盟广告JS加载缓慢问题,提高网站页面的加载速度

    早上跟彧繎博主聊天,看到他博客有一篇优化谷歌联盟js优化的文章,因为谷歌在国内尴尬的局面,在网页加载js的时候可能会比较拖拉,然后他又给我了一篇关于优化谷歌联盟js的文章,然后看了下自己网站的加载速度,...,这样可以加快加载速度!...downloadJSAtOnload);     else window.onload = downloadJSAtOnload; 这样符合Google官方不能不能改变代码的要求,建议把js放在我们页面的...head之内,即使多个页面都会统一调用,然后将和代码放在网页广告接口位置,例如: <ins class="adsbygoogle"      style="display:block...,而且我还发现一个问题,就是优化之后页面js错误由原来的10个减少成3个,这可真是意外的收获啊,其实网上的教程还是很多的,大同小异,基本都是通过异步加载实现的,好了,有问题留言反馈吧

    8.6K50

    实战|面试 关于一个页面加载缓慢的排查与优化

    一个页面加载慢,我们需要从多个方面去考虑。需要去思考,当用户打开这个网页,这个页面发生了哪些操作?请求接口数据、加载静态资源、数据渲染、DNS等等操作。...这里面的某一个操作都有可能成为页面加载慢的罪魁祸首。 页面演示 下面我任意打开一个网页,搜索一个关键词。演示一个界面从资源的角度都做了哪些操作? 通过上图,我们可以看出来。...当我们打开一个面,该页面去加载了许多的资源,有JavaScript文件、有image图片资源,有发起Ajax请求,还有我们的其他媒体资源等等。...如下图,我们通过浏览器的network工具栏,可以看到当前的页面都请求了哪些类型的资源,每种类型资源的大小、每种类型的加载时间、每一个请求最终的加载结果。...接口请求分类 下面这张图,我们也很直观的能看出来,页面发起请求的总次数、页面请求的总大小、页面加载与渲染的时间是多少。而且还带有颜色的显示,依次用来告诉我们当前请求的时间是否符合正常情况。

    2.9K40

    Android 远程调试 WebView 加载缓慢

    三个环节,接口暂未做优化,这个爱莫能及,本地拼接,倒也不会出现特别耗时的情况,那么导致加载缓慢的缘故,就应该是这个返回的富文本导致。...Step 3:手机打开要调试的页面,查看 Chrome 调试器 ? Step 4:点击 inspect 开始调试页面 ?...可不可以优先加载文字,随后加载图片呢? 这样一来,至少保证了网页的快速加载。...首先在 WebView 设置中设置禁止加载图片以及直接阻塞图片的加载: // 取消自动加载图片webSetting.loadsImagesAutomatically = false// 阻塞加载图片webSetting.blockNetworkImage...// 开启硬件加速webSetting.setRenderPriority(WebSettings.RenderPriority.HIGH) 最后,在我们实际加载 WebView 的 Finish 回调中再次开启图片加载即可

    1.3K40

    解决grafana加载缓慢的方案

    最近在公司系统里做了一个内嵌grafana页面的功能,用于查看集群日志。但grafana作为一个单页面应用,加载框架资源,耗费了很长很长时间,以至于你起身去接杯水回来,页面还没有加载完毕。...本着精益求精的思想,想着提升加载速度。 一番搜索下来。发现在grafana7.4.0以后就支持了配置cdn来加载前端资源。 于是乎,说干就干。...刷一下页面就是几毛钱,一般人谁受的了。其实原理是一样的。cdn可以用ip代理,可以用nginx代替。只是网络依然很慢。除非你服务器带宽很高。 顺便提一句 我们集群带宽只有5M。 废话少说。...grafana.ini grafana/grafana:7.4.1 打开 grafana地址 http:// ip:3000 打开控制台,发现前端资源都已经变成配置的cdn资源了 但有个美中不足的地方是页面的字体资源报跨域

    4.2K20

    访问页面升级访问_BPC页面访问缓慢无报错

    概述 引起BPC的页面访问缓慢的原因有很多,可能是由于网络慢、可能是由于BPC进程太忙、也可能是由于mongo数据库性能吃紧,所以对于页面访问缓慢需要根据具体情况实施解决方案 注意:本文分析的页面访问缓慢...,仅是慢,但不报错 知识点 根据前台页面表现来大致区分一下问题的归属: 仅查询数据的页面访问缓慢 点击链接跳转时,在当前页面停留较长时间 可能是web处理不过来 可能是网络慢或忙...点击链接跳转时,页面白屏较长时间 可能是加载静态资源慢(暂时无法形成文档,需要具体分析) 点击链接跳转时,数据加载较长时间(数据加载图标时间长) 可能是mongo慢或忙...可能是jobber处理不过来(暂时无法形成文档,需要具体分析) 可能是services处理不过来 所有页面访问缓慢(包括smartdecode) 任何时间都慢,基本可以认为和数据库无关

    4.7K20

    AWS教程—解决网站加载缓慢的难题

    4.请点击页面左侧的“用户”,随后点击“添加用户”: 5.在“用户名”处输入一个有意义的名称,例如“CloudFront-User”;将“AWS凭证类型”选择为“访问密钥-编程访问”;然后点击“下一步...:权限”: 6.选择“直接附加现有策略”;在策略搜索框中输入“CloudFront”,从搜索结果中选择“CloudFrontFullAccess”;随后点击“下一步:标签”: 7.随后出现的标签页面上可以为该...8.在随后的页面上检查所有设置,确定无误后,点击“创建用户”。 9.接着会看到下图所示的界面。这里列出了访问密钥ID和私有访问密钥这两个非常关键的信息。...点击“Create Distribution”: 6.稍等片刻该页面会显示已成功创建CloudFront分配,随后点击“Reload the page”链接,可以看到左侧显示出了已分配的CloudFront...提升幅度看似并不大,主要是因为这是一个新搭建的测试用WordPress空白网站,除了自动生成的一篇占位文章外,并没有包含其他内容,因此本身加载速度就不慢,但CloudFront CDN依然让网站性能有了一定程度的提升

    1.4K40

    页面加载性能优化

    我们可以借助chrome开发工具查看瀑布图,分析网站的关键路径,分析加载缓慢,影响网站速度的瓶颈点。 ?...几个关键的指标 白屏时间 用户从打开页面开始到有页面开始呈现为止。白屏时间长是无法忍受的,因此有了很多的缩短白屏时间的方法。比如减少首屏加载内容,首屏内容渐出等。...首屏加载时间 我们所说的首屏时间,就是指用户在没有滚动时候看到的内容渲染完成并且可以交互的时间。至于加载时间,则是整个页面滚动到底部,所有内容加载完毕并可交互的时间。...首屏时间计算 完全加载时间 通常网页以两个事件的触发时间来确定页面的加载时间....CSS 的性能优化通常集中在两方面: 提高CSS的加载性能 提高加载性能就是减少加载所消耗的时间。简单说就是减小CSS文件的大小,提高页面的加载速度,尽可以的利用http缓存等。

    2.3K20

    给Emlog添加页面加载(加载中)特效

    为了加强浏览者的体验,不在等待页面加载时感到枯燥,从而关闭网页,很多网站都会制作一个“网页正在加载中”的提示效果或显示加载进程,加载完成后提示消失,大部分都应用在网站的首页,今天我教大家把这一特效添加到...要实现该特效同样要用到jquery,如果大家和我目前用的主题一样,为了实现其它特效已提前加载了jquery,那么正好充分利用jquery的强大功能,添加此特效何乐而不为呢?...当然仅仅为了实现这个特效,而去加载50几K的jquery就有点得不偿失了。...前添加一段JS代码 jQuery(function(){ jQuery('#loading-one').empty().append('页面加载完毕...top:50%; left:50%; margin:50px 0 0 -50px; padding:3px 10px;" onclick="javascript:turnoff('loading')">页面载入中

    99820
    领券