本文目录一览：
vue缓存相同路径的页面卡住
1、像 vue 这种单页面应用，如果没有应用懒加载，运用 webpack 打包后的文件
将会异常的大，造成进入首页时， 需要加载的内容过多，时间过长，会出现长时间的白
屏，即使做了 loading 也是不利于用户体验，
2、而运用懒加载 则可以将页面进行划分，需要的时候加载页面，可以有效的分
担首页所承担的加载压力，减少首页加载用时。
3、用法：在配置路由时使用：component:resolve=require([“@components/路
由的路径”]，resolve)。 就是用了懒加载后打完包直接运行那个 index.html 会报错，报文
件引用错误其实是打包时候路径配置有点问 题，找到 build 下面的
webpack.prod.conf.js 添加 publicPath：“./”,
javascript
前端
vue.js
这才是世界排名前十位的奢侈品
精选推荐
广告

vue大数据表格卡顿问题的完美解决方案
24下载·0评论
2021年1月19日
vue加载数据量过多页面卡顿问题（不看会后悔）
5257阅读·1评论·1点赞
2021年8月11日
vue 页面首次加载缓慢原因及解决方案，打包代码压缩Gzip，图片压缩
402阅读·1评论·0点赞
2022年11月15日
【项目问题】Vue首屏加载慢（vue首次加载慢）
3821阅读·0评论·2点赞
2021年10月13日
android vue.js点击反应慢,解决vue 界面在苹果手机上滑动点击事件等卡顿问题
602阅读·0评论·0点赞
2021年6月2日
vue 路由跳转很慢，页面卡死
5353阅读·2评论·0点赞
2022年5月26日
老公出轨第三者要离婚，聪明的女人是怎么做的？你一定要看！

03:29
原配联盟
广告
VUE倒计时组件，解决setInterval （）引起页面卡顿问题
1153阅读·0评论·1点赞
2022年7月15日
vue项目在浏览器越跑越卡的解决
1434阅读·0评论·0点赞
2022年8月10日
vue项目中请求数据特别多导致页面卡死
5229阅读·0评论·2点赞
2022年3月14日
Vue | Element 页面1000多个 input 组件输入出现卡顿解决方案
2514阅读·0评论·2点赞
2021年6月7日
花裤衩 / vue-ele
vue项目首屏加载优化
前端方面可以使用的操作：
1.尽量使用线上资源，本地的图片尽量上传
2.首屏的轮播图尽量不要采用线上图片，加载慢时会产生图片一块一块加载的问题，可以把本地图片转成base64来解决这个问题。注：本地图片不要过大，否则也会拖慢加载速度
3.对UI组件库使用按需引入
4.使用压缩传输compression-webpack-plugin，这个需要后端配合开启
5.删除map文件，在vue.config.js中把productionSourceMap设置为false即可
vue开发 --- 页面延迟加载组件
问题：单页面引入的组件页面多，多数首次不显示的的dom元素，导致进入页面的时候加载慢。
参考的解决文档：
解决：
1、v-if默认为false情况下不会加载组件，只有变为true的情况下才会进行加载，而且我们的组件加载后不需要销毁（我试过v-if有时候很还是会慢很多）
2、子组件可以通过插槽对父组件引用子组件包裹的内容进行分发
第二个解决方法的具体实现：
说明：子组件包含参数time，作为可设置的延迟加载时间，默认为0ms，非必填。
子组件：
父组件：
如果使用的地方比较多的话，那么每个页面都这样引入有点繁琐了，咱们需要公共引入组件，这样我们就可以更方便的使用了，要达到这个效果只需要在main.js中引入组件即可:
vueelementadmin加载慢
Vue Element Admin 加载慢可能是由于以下原因：
1. 网络问题：检查网络连接是否稳定，尝试使用其他网络环境加载页面。
2. 服务器响应速度慢：检查服务器的负载情况，如果负载过高，则需要升级服务器或者优化代码。
3. 大量数据渲染：如果页面中有大量数据需要渲染，则会导致加载速度变慢。可以考虑分页、异步加载等方式来优化。
4. 图片大小过大：图片文件太大也会影响网页的加载速度。可以通过压缩图片大小来减少加载时间。
5. 缓存问题：浏览器缓存可能会导致页面重复请求资源，从而降低了页面的性能。清除浏览器缓存可以解决这个问题。
6. JavaScript 文件未压缩和合并: 如果你没有对JavaScript文件进行压缩和合并处理，在访问时就要下载多个较大的JS文件，增加了HTTP请求次数和带宽消耗, 建议将所有js文件打包成一个bundle.js
以上是一些常见的 Vue Element Admin 加载慢原因及相应解决方法，您可以根据具体情况进行调整。