美文网首页
探寻模拟移动端浏览网页刷新卡顿的问题

探寻模拟移动端浏览网页刷新卡顿的问题

作者: 小遁哥 | 来源:发表于2024-03-05 18:16 被阅读0次

通过开发者工具模拟移动端是很常见的操作,突然有一天,我手动刷新本地的链接,要白屏 30 多秒才能出页面,只能重新开一个标签页,非常影响开发效率。如果是打开了页面再刷新,就会一直卡在当前页面,让我一度认为是网络有了问题。

第一次打开很快,一刷新就有问题,好在我用 mock 工具可以把项目用另一个域名打开,这个问题就不存在了,我一度怀疑是哪个同事改了什么东西,或者 localhost 这个域名被攻击了。

我先是重启了电脑,并没有解决问题,我又想可能是浏览器某些设置导致的,用了无痕不行,重置设置之后确实快了很多,很快又不行了。

其实前面一位同事跟我说过,现在用户登录信息越来越大,解密时间很长,我当时还说抽时间看看有什么高效率的方式没有,并没有把这个和刷新时间过长联系在一起。

直到我用 demo 页面去解密用户信息,发现并没有慢多少,实际上是因为我处于热更新的状态,而我用 mock 工具生成的连接不卡顿,是因为 mock 环境不会触发登录失败,用户信息也是没存的。

直到我和这位同事面对面交流,他说他是通过性能工具定位到的,并当场演示给我看,我在那行代码上加了 alert,是进入了的,我从未想过这样的角度,因为问题看起来像是发生在进入代码之前。

而我查了下关于模拟手机端浏览器的相关设置,并没有做限制,不选择具体的机型就很正常了。

至于高效率的加密算法,倒是有很多,难就难在后端有不能换的理由,找到能解密现有算法的又效率高的就并非容易的事,除非彻底搞懂这个算法,自己实现一套高效率的,这一套是其它项目组用过的。

暂时的解决方法是在本地开发就不解密用户信息,这里面主要是有菜单信息,用来做权限验证的。

相关文章

  • 如何避免卡顿掉帧

    本次初步讨论两个问题: Native 卡顿 网页卡顿 Native卡顿 iOS客户端卡顿已经是老生常谈的问题了,解...

  • 谷歌浏览器开发者调试工具使用技巧

    如何使用浏览器模拟微信、微博等APP内置浏览器打开效果 在开发移动端网页的时候,比较使人厌恶的一个问题就是在微信、...

  • 移动端滑动卡顿问题

    移动端手指触摸屏幕过于频繁,移动端会出现卡顿的现象,下面介绍几种顺畅滚动的解决办法。 一、 -webkit-ove...

  • 移动端css(三)

    目录: 1 移动端特点 2 百分比布局 3 Flex布局 一 移动端特点 • 移动端和PC端网页不同点• 谷歌模拟...

  • 前端常用插件

    touch.js--百度开发移动端手势库 isscroll--js模拟上拉加载下拉刷新 hammer--移动端手势...

  • 关于页面背景色

    之前制作移动端页面的过程中,PC端模拟调试一切正常,但放到移动端真机调试时发现许多页面存在色差问题。 这是由于浏览...

  • 浅谈响应式

    前言 由于移动设备的增多,携带便利,人们在移动设备上浏览网页的时间不断增加,甚至要超过PC端。但是PC端的网页放到...

  • 卡顿检测资料

    微信iOS卡顿监控系统 卡顿方案思考 卡顿检测 移动端监控体系之技术原理 iOS性能检测

  • 有效的实现前后端联调的办法

    一.首先明白什么是前后端? 前端:前端即网页前台部分,运行在 PC端,移动端等以浏览器的方式展现给用户浏览的网页,...

  • vuex+socket.io实现实时私聊功能

    先上效果图 预览 在线demo VueSocial(移动端最好使用浏览器打开,pc端按了f12后有个小问题,刷新一...

网友评论

      本文标题:探寻模拟移动端浏览网页刷新卡顿的问题

      本文链接:https://www.haomeiwen.com/subject/ybudzdtx.html