后端直接跳转前端页面_WEB前端开发中页面跳转等待时间过长如何解决？

作为一个初学前端的小白，我遇到了这个令我疑惑的问题。

项目使用webpack打包并且用webpack-dev-server测试。

在我完成登录功能后发现浏览器在工作中有"偷懒"的嫌疑...

绑定的点击事件代码如下：

我的操作：

step1：终端启动deverver，进入项目首页

step2：输入好登录的用户名和密码

step3：打开chrome的Performance选项卡，点击开始记录

step4：点击登录按钮，待页面刷新完成后，停止记录

记录如下图所示：

在我点击登录，后台返回了登录操作的结果后

浏览器执行 location.reload(); 但是有很长一段空闲时间，大概8000ms左右

我想问一下，怎么缩短这段空闲时间，点击登录等待约8s用户体验实在不好...

另外我发现在我退出登录后，重复我上面操作的2至4步，记录如下图

这一次操作的空白时间就很短，也就是我想要达到的效果...

这个问题困扰我几天了，google,baidu都没找到我想要的答案，望前辈们指教一下，小弟感激不尽！

后端直接跳转前端页面_WEB前端开发中页面跳转等待时间过长如何解决？相关推荐

java 新窗口跳转页面_Java web开发中页面跳转小技巧——跳转后新页面在新窗口打开...
最近学习Java web,在学习过程中想实现一个需求,就是在jsp页面跳转的时候,希望跳转后的新页面在新窗口中打开, 而不是覆盖原来的页面,这个需求使我困惑了好长时间,后来通过大海捞针似的在网上寻找方 ...
java怎么将图片文件转流并在jsp前端显示_web前端—面试题汇总（001-005）
每天坚持更新五道web前端开发面试题:点点关注,才会不迷路哦~~~~~ 001.WEB应用中如果有.class和.jar类型的文件一般分别应该放在什么位置? 答:.class文件放在WEB-INF/c ...
PHP与MySQL开发中页面乱码的产生与解决
一般来说,乱码的出现有2种原因,首先是由于编码(charset)设置错误,导致浏览器以错误的编码来解析,从而出现了满屏乱七八糟的"天书",其次是文件被以错误的编码打开,然后保存,比 ...
c语言跳一跳辅助源码,.NET 开发一个微信跳一跳辅助程序（附源码）
原标题:.NET 开发一个微信跳一跳辅助程序(附源码) 来源:中国.NET研究协会 cnblogs.com/dotnet-org-cn/p/8149693.html 前言微信更新了,出现了一个小游戏 ...
实际开发中自动跳转功能
实际开发中登陆成功后自动跳转功能 String message="<meta http-equiv='refresh' content='3;url=urls'>恭喜您,登陆 ...
angular ngoninit 刷新html页面_web前端入门到实战：实现html页面自动刷新
使用场景: 页面需要定时刷新,实时加载数据,需要实时查看监控数据(H5中的WebSocket和SSE可以实现局部刷新) 一定时间之后跳转到指定页面(登录注册之类) 前端开发使用伪数据调试html页面( ...
mui实现手机web前端拍照_Web前端中的常见技术名称及所实现的功能
今天小编要跟大家分享的文章是关于Web前端中的常见技术名称及所实现的功能.熟悉Web前端工作的小伙伴都知道Web中有很多的技术,想要成为一名合格的Web前端工程师你必须要一项一项的掌握技术,如Html ...
python的前端框架_web前端三大主流框架之Python异步框架如何工作？
这篇文章我们从 socket 编程的例子来看看 Python 异步框架是如何工作的,需要了解下简单的 socket 编程以及 Linux 提供的 I/O 复用机制. Python 异步框架也是基于操作 ...
rem 前端字体_web前端入门到实战：一次搞懂CSS字体单位：px、em、rem和%
对于绘图和印刷而言,"单位"相当重要,然而在网页排版里,单位也是同样具有重要性,在CSS3普及以来,更支持了一些方便好用的单位(px.em.rem-等),这篇文章将整理这些常用的C ...

后端直接跳转前端页面_WEB前端开发中页面跳转等待时间过长如何解决？

后端直接跳转前端页面_WEB前端开发中页面跳转等待时间过长如何解决？相关推荐

最新文章

热门文章