页面加载慢问题排查结论

最新推荐文章于 2024-11-16 23:03:00 发布
最新推荐文章于 2024-11-16 23:03:00 发布
阅读量278 收藏
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 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刷新太快导致的

 

我的小狗很很可爱
关注
Wireshark 网络问题定位与排查企业级实战
悦分享
11-07 6735
让我们具体看一下重传、重复ACK和滑动窗口机制。下面是处理延迟问题的一些注意事项。1. 重传数据包发生重传是因为客户端检测到服务器没有接收到它发送的数据。因此，能否看到重传取决于你在分析通信的哪一端。如果你从服务器那端捕获数据，并且它确实没有接收到客户端发送、重传的数据包，那你将被蒙在鼓里，因为你看不到重传的数据包。如果你怀疑服务器那端受到了数据包丢失的影响，（可能的话）你应该考虑在客户端那边捕获流量以观察是否有重传数据包。2. 重复ACK数据包。
面试：线上服务运行缓慢故障排查思路与解决（Linux服务器）
qq_38362127的博客
02-20 1977
线上服务运行缓慢故障排查思路与解决（Linux服务器） 一.分析思路 1.排除本机自身原因 2.服务器性能分析、网络分析 3.项目本身分析 4.虚拟机分析 5.数据库分析、中间件分析 二.详细分析方法 1.chrome按F12快捷键打开调试模式，查看访问的URL，看看慢在什么地方（网络传输，服务器响应处理，同域名下资源加载不合理等） 2.测试到服务器的延时，丢包率等 站长工具测试网站速度 测量服务器带宽 注：可以使用在线测试服务器延迟和丢包的工具 Ping.pe 使用iperf命令测试服务器带宽，它分为
如果打开一个网页加载很慢，该如何定位问题
dream_na的博客
01-14 3633
前言         以前的测试人员可能更侧重于执行功能测试，但是随着时代的进步，测试人员需要的技能也越来越卷，既要编写测试用例，review测试用例，各方对接，执行功能测试，还要自己看日志定位问题，最好还要进行code review。 定位思路         一般项目都分为前端和后台，那么定位一个网页加载慢也是这两个方面。  &nbs
【Java核心面试宝典】Day21、面试官：如果你访问一个网站很慢，怎么排查和解决？
累计发表博客60余万字，CSDN 博客专家、Java 领域优质创作者、华为云享专家、阿里云专家博主。专注分享 Java 优质文章，毕设实战项目开发，全网粉丝10W+
08-29 6613
Hello，你好呀，我是灰小猿！一个超会写bug的程序猿！ 用坚持缔造技术、用指尖敲动未来！ 和很多小伙伴们一样，我也是一名奔波在Java道路上的“创造者”。也想靠技术来改未来，改变世界！因为我们坚信每一次敲动键盘都能让生活变得更智能、世界变得更有趣！ 在此专栏《Java核心面试宝典》记录我们备战梦想的【day 21】！ 在计算机网络的应用层你了解多少，是否知道socket套接字有哪些？知道你的网站为什么访问慢吗？知道为什么fidder、Charles能抓到你的包吗？今天我们就来一一揭秘！ 一、soc.
前端页面加载缓慢的原因和性能优化问题
qq_37489791的博客
05-06 3697
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 177
需求说明，后台有做半个小时不请求接口的话返回标识退出登录，但是要请求接口才行，现在要实现前端用js判断半个小时不操作界面的话自动跳转到登录页面。创建一个.js文件，在main.js引入此js(vue框架)在登录成功的时候保存当前时间localStorage.setItem("lastTime",new Date().getTime());然后在点击的时候更新这个时间var lastTime = n...
当网页加载很慢的时候，应如何分析其原因并解决问题？
热门推荐
mysouling的专栏
04-21 7万+
今天在知乎上瞄到一条有趣的问答，题主曰： 我是个后端RD，看上了一个前端妹子，昨天吃饭的时候她跟我抱怨她们的页面打开很慢，如何才能快速的分析页面加载慢的原因，在妹子面前表现一下呢？ 此题目被强大的知友修改为更加接地气的标题： 当前端妹子跟我抱怨她们的页面加载很慢的时候，如何在她面前优雅地装逼？ 我想这个问题应该是每个程序猿朋友们值得思考的问题，毕竟程序猿不好
为什么微信打开小程序很慢_记一次微信小程序页面加载慢的排查过程
weixin_39764212的博客
12-23 5250
发现公司新上线了一个微信小程序，在测试环境以及小程序体验版上测试一切正常，但上线之后，页面加载尤其慢。分析过程1.生产日志经过运维排查，所有的请求到达服务器后均在1s内处理完成并响应，偶尔有2-3s的请求，极少。2.抓包既然服务端处理请求没有问题，那么，加载可能出现在小程序本身或网络延迟，但后者可能性较低。于是，使用fiddler抓包，其中一个加载较慢的请求结果如下：关键时间节点如下：· 客户端与...
谷歌浏览器页面加载很慢很慢
qq_43701910的博客
04-21 349
谷歌浏览器访问加载巨慢 都是插件uBlock Origin搞的鬼
Wireshark实战：网络请求慢故障排查与优化
本文主要探讨了在开发过程中遇到的一个问题：产品在打开广告链接时，尤其是在老旧的iPhone 6设备上，网络请求加载速度极慢，有时甚至导致白屏超过10秒。作者通过实际的bug追踪，分享了调试网络请求的实用方法论，...
一文带你了解如何排查内存泄漏导致的页面卡顿现象
m0_70275087的博客
05-03 646
function fn1 () { let a = { name: ‘零一’ } let b = 3 function fn2() { let c = [1, 2, 3] } fn2() return a } let res = fn1() 以上代码的调用栈如下图所示： 图中左侧为栈空间，用于存放一些执行上下文和基本类型数据；右侧为堆空间，用于存放一些复杂对象数据 当代码执行到fn2()时，栈空间内的执行上下文从上往下依次是 fn2函数执行上下文 => fn1函数执行上下文 => 全局执行上下
记一次 WebBrowser 打开 PDF 文件失败问题的排查过程
三人行必有我师
01-07 9677
背景： 项目中使用了 WebBrowser 打开 PDF 文件，操作终端使用 Surface 平板，现场的十多台同一批次的平板中，只有一台不能正常显示，其它工作正常。 排查过程： 1、重新写了一个简单的 WebBrowser 打开 PDF 文件的示例，同样在其它机器上运行正常，但在有问题的 Surface 上运行不正常； 2、在有问题Surface上，卸载 AdobeReader，然后重新安装，问题依旧； 3、卸载问题Surface上的系统升级包，重新安装 .NET 环境等，最终导致软件不能正
(转)如何分析页面加载慢
10-10 994
一般情况下，如果网页加载时间超过5s，用户就会感觉页面比较卡，遇到耐心不好的用户，肯定就直接关闭走人了，所以加载的时间对于一个网站来说还是相当重要的。如果是你的头头，给你一个url，让你分析页面为什么这么卡，你该如何办呢？ 查看页面加载时间 现在的浏览器都是有开发者调试模式的，以chrome为例，打开页面后，按ctrl+shift+i，或者点击右键菜单里的检查，就进入了开发者模式，开发者模式里...
浏览器缓存Cache
weixin_44915595的博客
12-17 1497
为什么很多站点第二次打开速度会很快？ 如果第二次页面打开很快，主要原因是第一次加载页面过程中，缓存了一些耗时的数据。 那么，哪些数据会被缓存呢？从上面介绍的核心请求路径可以发现，DNS 缓存和页面资源缓存这两块数据是会被浏览器缓存的。其中，DNS 缓存比较简单，它主要就是在浏览器本地把对应的 IP 和域名关联起来，这里就不做过多分析了。我们重点看下浏览器资源缓存，下面是缓存处理的过程： 缓存查找流程示意图： 首先，我们看下服务器是通过什么方式让浏览器缓存数据的？从上图的第一次请求可以看出，当服务器返回 H
基于Java Web 的家乡特色菜推荐系统
最新发布
chusheng1840的博客
11-16 531
基于Java 的家乡特色菜推荐系统，基于 SpringBoot+Vue 开发的，功能完整，包括源码和部署教程。可用于毕业设计和课程设计本次设计任务是要设计一个家乡特色推荐系统，通过这个系统能够满足家乡特色文章的管理功能。系统的主要功能包括首页，个人中心，用户管理，文章分类管理，文章分享管理，系统管理等。管理员可以根据系统给定的账号进行登录，登录后可以进入家乡特色推荐系统，对所有模块进行管理。包括查看和修改自己的个人信息以及登录密码。
前端文件优化
weixin_62668406的博客
11-15 628
对于一张100*100像素的图片来说，图像上有 10000 个像素点，如果每个像素的值是 RGBA 存储的话，那么也就是说每个像素有 4 个通道，每个通道 1 个字节（8 位 = 1个字 节），所以该图⽚⼤⼩⼤概为 39KB（10000 * 1 * 4 / 1024）。但是在实际项⽬中，⼀张图⽚可能并不需要使⽤那么多颜⾊去显示，我们可以通过减少每个 像素的调⾊板来相应缩⼩图⽚的⼤⼩。
【小白可懂】微信小程序---课表渲染
weixin_71942139的博客
11-16 230
微信小程序课表渲染思路实现
springboot整合websocket实现复制目录进度推送
前人栽树，后人乘凉。
11-14 384
/ 替换为你的WebSocket地址。启动Spring Boot应用程序，然后访问前端页面并触发文件复制操作。例如，通过浏览器访问。你应该能够在前端看到实时的复制进度。创建一个控制器来触发复制操作。
【Java Web】JSTL及其核心库介绍 JSTL函数
m0_66584716的博客
11-12 1211
JSTL（JavaServer Pages Standard Tag Library）是 Apache 提供的一个用于 Java Web 开发的标准标签库，它依赖于表达式语言（EL），旨在简化 JSP 的开发过程。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值