页面加载慢问题排查结论

最新推荐文章于 2024-10-15 15:24:52 发布
我的小狗很很可爱 最新推荐文章于 2024-10-15 15:24:52 发布
阅读量267 收藏
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接： https://blog.csdn.net/chhpearl/article/details/132365364
版权

遇到一个很奇怪的现象，已知A和B两个页面，都有调用同一个弹框，但是A页面很快，一切正常，B页面需要加载很久，就很奇怪。

后面又发现，B页面里面不同tab C和D，调用上面的弹框，页面加载显示的时间也不一样，一个快一个慢。

接口请求时间，排查之后，认为是没有问题的

开始注掉代码，最后只留了一个请求和table显示，还是慢。判定为不是这块功能代码的问题

其实本地是没有问题的，只有打板之后才出现这样的问题。

经过问大佬，排查之后，发现是websocket的问题。本地没有加websocket，所以本地一切正常。

经过验证，结论就是websocket刷新太快导致的

 

我的小狗很很可爱
关注 关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Wireshark 网络问题定位与排查企业级实战
悦分享
11-07 6707
让我们具体看一下重传、重复ACK和滑动窗口机制。下面是处理延迟问题的一些注意事项。1. 重传数据包发生重传是因为客户端检测到服务器没有接收到它发送的数据。因此，能否看到重传取决于你在分析通信的哪一端。如果你从服务器那端捕获数据，并且它确实没有接收到客户端发送、重传的数据包，那你将被蒙在鼓里，因为你看不到重传的数据包。如果你怀疑服务器那端受到了数据包丢失的影响，（可能的话）你应该考虑在客户端那边捕获流量以观察是否有重传数据包。2. 重复ACK数据包。
面试：线上服务运行缓慢故障排查思路与解决（Linux服务器）
qq_38362127的博客
02-20 1935
线上服务运行缓慢故障排查思路与解决（Linux服务器） 一.分析思路 1.排除本机自身原因 2.服务器性能分析、网络分析 3.项目本身分析 4.虚拟机分析 5.数据库分析、中间件分析 二.详细分析方法 1.chrome按F12快捷键打开调试模式，查看访问的URL，看看慢在什么地方（网络传输，服务器响应处理，同域名下资源加载不合理等） 2.测试到服务器的延时，丢包率等 站长工具测试网站速度 测量服务器带宽 注：可以使用在线测试服务器延迟和丢包的工具 Ping.pe 使用iperf命令测试服务器带宽，它分为
如果打开一个网页加载很慢，该如何定位问题
dream_na的博客
01-14 3575
前言         以前的测试人员可能更侧重于执行功能测试，但是随着时代的进步，测试人员需要的技能也越来越卷，既要编写测试用例，review测试用例，各方对接，执行功能测试，还要自己看日志定位问题，最好还要进行code review。 定位思路         一般项目都分为前端和后台，那么定位一个网页加载慢也是这两个方面。  &nbs
【Java核心面试宝典】Day21、面试官：如果你访问一个网站很慢，怎么排查和解决？
累计发表博客60余万字，CSDN 博客专家、Java 领域优质创作者、华为云享专家、阿里云专家博主。专注分享 Java 优质文章，毕设实战项目开发，全网粉丝10W+
08-29 6597
Hello，你好呀，我是灰小猿！一个超会写bug的程序猿！ 用坚持缔造技术、用指尖敲动未来！ 和很多小伙伴们一样，我也是一名奔波在Java道路上的“创造者”。也想靠技术来改未来，改变世界！因为我们坚信每一次敲动键盘都能让生活变得更智能、世界变得更有趣！ 在此专栏《Java核心面试宝典》记录我们备战梦想的【day 21】！ 在计算机网络的应用层你了解多少，是否知道socket套接字有哪些？知道你的网站为什么访问慢吗？知道为什么fidder、Charles能抓到你的包吗？今天我们就来一一揭秘！ 一、soc.
前端页面加载缓慢的原因和性能优化问题
qq_37489791的博客
05-06 3650
1，减少http请求（图片尽量使用雪碧图、Base64、字体图标库，减少重定向，使用缓存，不使用css@import，避免使用空的src和href）6、webpack性能优化（打包公共代码，动态导入和按需加载，删除无用代码，长缓存优化，公共代码内联）4、优化资源加载，代码拆分，按需加载，降低css对渲染的阻塞，尽早加载css降低加载的大小。3、优化网络连接（使用cdn，dns解析，使用keep-alive建立连接）2、资源压缩与合并（css压缩、js压缩，文件合并等）1、过多的http请求。
php web长时间不操作退出,vue中js判断长时间不操作界面自动退出登录(推荐)
weixin_31925495的博客
03-19 172
需求说明，后台有做半个小时不请求接口的话返回标识退出登录，但是要请求接口才行，现在要实现前端用js判断半个小时不操作界面的话自动跳转到登录页面。创建一个.js文件，在main.js引入此js(vue框架)在登录成功的时候保存当前时间localStorage.setItem("lastTime",new Date().getTime());然后在点击的时候更新这个时间var lastTime = n...
当网页加载很慢的时候，应如何分析其原因并解决问题？
热门推荐
mysouling的专栏
04-21 7万+
今天在知乎上瞄到一条有趣的问答，题主曰： 我是个后端RD，看上了一个前端妹子，昨天吃饭的时候她跟我抱怨她们的页面打开很慢，如何才能快速的分析页面加载慢的原因，在妹子面前表现一下呢？ 此题目被强大的知友修改为更加接地气的标题： 当前端妹子跟我抱怨她们的页面加载很慢的时候，如何在她面前优雅地装逼？ 我想这个问题应该是每个程序猿朋友们值得思考的问题，毕竟程序猿不好
为什么微信打开小程序很慢_记一次微信小程序页面加载慢的排查过程
weixin_39764212的博客
12-23 5203
发现公司新上线了一个微信小程序，在测试环境以及小程序体验版上测试一切正常，但上线之后，页面加载尤其慢。分析过程1.生产日志经过运维排查，所有的请求到达服务器后均在1s内处理完成并响应，偶尔有2-3s的请求，极少。2.抓包既然服务端处理请求没有问题，那么，加载可能出现在小程序本身或网络延迟，但后者可能性较低。于是，使用fiddler抓包，其中一个加载较慢的请求结果如下：关键时间节点如下：· 客户端与...
谷歌浏览器页面加载很慢很慢
qq_43701910的博客
04-21 317
谷歌浏览器访问加载巨慢 都是插件uBlock Origin搞的鬼
Wireshark实战：网络请求慢故障排查与优化
本文主要探讨了在开发过程中遇到的一个问题：产品在打开广告链接时，尤其是在老旧的iPhone 6设备上，网络请求加载速度极慢，有时甚至导致白屏超过10秒。作者通过实际的bug追踪，分享了调试网络请求的实用方法论，...
一文带你了解如何排查内存泄漏导致的页面卡顿现象
m0_70275087的博客
05-03 634
function fn1 () { let a = { name: ‘零一’ } let b = 3 function fn2() { let c = [1, 2, 3] } fn2() return a } let res = fn1() 以上代码的调用栈如下图所示： 图中左侧为栈空间，用于存放一些执行上下文和基本类型数据；右侧为堆空间，用于存放一些复杂对象数据 当代码执行到fn2()时，栈空间内的执行上下文从上往下依次是 fn2函数执行上下文 => fn1函数执行上下文 => 全局执行上下
(转)如何分析页面加载慢
10-10 970
一般情况下，如果网页加载时间超过5s，用户就会感觉页面比较卡，遇到耐心不好的用户，肯定就直接关闭走人了，所以加载的时间对于一个网站来说还是相当重要的。如果是你的头头，给你一个url，让你分析页面为什么这么卡，你该如何办呢？ 查看页面加载时间 现在的浏览器都是有开发者调试模式的，以chrome为例，打开页面后，按ctrl+shift+i，或者点击右键菜单里的检查，就进入了开发者模式，开发者模式里...
浏览器缓存Cache
weixin_44915595的博客
12-17 1480
为什么很多站点第二次打开速度会很快？ 如果第二次页面打开很快，主要原因是第一次加载页面过程中，缓存了一些耗时的数据。 那么，哪些数据会被缓存呢？从上面介绍的核心请求路径可以发现，DNS 缓存和页面资源缓存这两块数据是会被浏览器缓存的。其中，DNS 缓存比较简单，它主要就是在浏览器本地把对应的 IP 和域名关联起来，这里就不做过多分析了。我们重点看下浏览器资源缓存，下面是缓存处理的过程： 缓存查找流程示意图： 首先，我们看下服务器是通过什么方式让浏览器缓存数据的？从上图的第一次请求可以看出，当服务器返回 H
web扩展
x737510的博客
10-10 604
HTTP（Hypertext Transfer Protocol）协议中的它们在用途和使用方式上有一些区别。用于请求服务器上的资源，通常是获取数据。GET 请求是幂等的，多次请求返回的结果应该是相同的，而且不应该对服务器产生任何副作用。用于向服务器提交数据，通常是提交表单数据或上传文件等。POST 请求可能对服务器产生副作用，例如在数据库中创建新的资源。数据通过 URL 参数传递，附在 URL 后面。因为数据在 URL 中可见，所以不适合传递敏感信息，且有长度限制。
前端开发攻略---8种方法实现在浏览器中跨页面通信
最新发布
nibabaoo的博客
10-15 1084
浏览器实现跨标签页通信的多种方式
Element-plus el-form、el-dialog 数据回显同时用时，重置失效问题
Mr. Zhang Xiaojian's Blog
10-12 495
当第一次打开网页并点击“编辑”按钮时，虽然对话框变量变为 true 使对话框可见，但同步代码会将 formData 对象的属性设置为默认值。由于 Vue 的异步更新机制，DOM 实际上还未更新，因此表单组件内绑定了这些有值的初始数据。这样，在后续调用 resetFields 方法时，表单将会重置为这些默认值而不是空值。编辑时表单的初始值被设置成了回显的数据，而不是空字符串。时，表单会回到上次设置的初始值，即回显的数据。
Vue3动态组件component不生效问题解决方法
Java_fenxiang的博客
10-14 617
问题：vue3循环渲染动态组件component不生效，页面空白在vue3使用component动态组件展示组件时，组件就是不展示显示空白。在vue2中使用动态变量component展示组件都是没问题。试了很多方法 踩了很多坑，所以记录下：登录后复制 <div class="preview-list" id="c...
基于monaco-editor的web日志组件
暗影刀客的博客
10-12 278
一个基于monaco-editor的web日志组件，支持灵活的扩展配置，支持vue和react
探秘纯前端Excel表格：构建现金流量表的完整指南
葡萄城技术团队博客
10-10 1137
现金流量表（Cash Flow Statement），是指反映企业在一定会计期间现金和现金等价物流入和流出的报表。现金流量表是企业财务报表的三个基本报告之一（另外两个是资产负债表和损益表）。为了全面系统地揭示企业一定时期的财务状况、经营成果和现金流量，财务报表需按财政部会计准则的标准格式设计，因此，财务报表的典型特征是数据更新频繁、分析维度多、数据来源复杂，常规的报表工具很难同时满足上述所有需求本博客将带大家了解如何使用类Excel 的 JavaScript 电子表格在前端创建现金流日历。。
线上问题排查与Linux性能监测
"线上问题排查涉及使用多种命令来诊断和解决服务器及应用性能问题，尤其在Linux环境中。本文主要介绍了几个关键的命令，包括Linux性能检测工具、JDK相关工具如jstat、jinfo和jps，以及如何查找JDK安装路径。" 线上...
写文章

热门文章

  • ts和js的区别 42098
  • npm和yarn的区别 20360
  • 出现This dependency was not found:解决方法，亲测有用 19993
  • vue form设置rules不生效 7415
  • 前端优化方法大全 6593

分类专栏

  • 区块链 3篇
  • 前端 31篇
  • JavaScript 33篇
  • 工具 2篇
  • 数据结构 1篇
  • jQuery 4篇
  • 笔记 2篇
  • 打卡100题 18篇
  • IE浏览器
  • Oracle 1篇
  • React 18篇

最新评论

  • The operation was rejected by your operating system.解决方法，亲测有效

    xuxu-a: 用管理员身份运行 不加sudo 还是运行原来的命令就好用了

  • ts和js的区别

    捞月亮的渔民 : java里面的lambad表达式和箭头函数的概念也一样，都分不清谁抄谁的了

  • antd RangePicker设置弹框样式问题

    Share可爱哝: 一加就报错，用不了

  • a标签title属性显示慢的问题解决

    江山如画24: Tooltip标签直接能用？你这是引得哪个库

  • The operation was rejected by your operating system.解决方法，亲测有效

    DDL又到啦！！！: 还是不可以啊 'sudo' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

最新文章

  • 记录一个奇怪问题
  • antd input 输入内容限制，只能输入数字，包括负数，带两位小数点
  • antd 两个modal弹窗，一个基于另一个位置固定
2023年14篇
2022年25篇
2021年43篇
2020年6篇
2017年1篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值

深圳坪山网站建设公司济南网站优化工具分析济源优化网站坪山网站优化服务商大连服务行业网站优化灵武网站优化排名思明区网站首页优化一个网站内容优化济南优化网站公司哪家好濉溪县网站排名优化公司云南网站seo优化多少钱一年高新网站优化排名方案兰州优化网站排名虞城专业网站关键词优化价格兰州优化网站方案曲周农业人才网站优化优化网站100个方法优化网站的方法甄选火29星择美剧网站优化漯河网站优化推荐大兴网站整体优化昆明网站关键词优化推广外包专业网站优化推广哪种方式好潍坊网站seo优化公司郑州网站权重优化一年多少钱枣庄网站关键词优化哪家好龙江网站优化推荐宜良网站优化咨询怎么样的网站更有利于优化外贸网站优化课程荔湾网站关键词优化费用香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户315晚会后胖东来又人满为患了高校汽车撞人致3死16伤 司机系学生张家界的山上“长”满了韩国人？张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲“重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街 黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后 原水城县长再被查凯特王妃现身！外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒 投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长 师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年 金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人 多人受伤

深圳坪山网站建设公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化