Vue首页加载过慢解决方案. 已完成部署-前端-E先生的博客

Java

MySQL

大数据

Python

前端

黑科技

大语言模型

深圳坪山网站建设公司网站快速优化排名推荐网站百度优化网站robots文件优化网站优化排名是做什么的怎样优化网站链接如何优化公司网站永宁网站优化哪家专业淮安网站优化方案网站建设优化文档香河网站优化推广吴川百度网站优化深圳如何在网站优化平台网站排名优化是怎么做的宝山区企业网站优化哪家好章丘市网站优化 eo网站优化公司怎么找去哪优化网站关键词淮南网站优化哪家好天河网站优化比较好扬州网站优化怎么样广东模板网站优化系统宜良网站优化咨询网站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 网站制作网站优化

深圳坪山网站建设公司网站快速优化排名推荐网站百度优化网站robots文件优化网站优化排名是做什么的怎样优化网站链接如何优化公司网站永宁网站优化哪家专业淮安网站优化方案网站建设优化文档香河网站优化推广吴川百度网站优化深圳如何在网站优化平台网站排名优化是怎么做的宝山区企业网站优化哪家好章丘市网站优化 eo网站优化公司怎么找去哪优化网站关键词淮南网站优化哪家好天河网站优化比较好扬州网站优化怎么样广东模板网站优化系统宜良网站优化咨询网站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 网站制作网站优化

Vue首页加载过慢解决方案. 已完成部署

admin • 2021-12-31 01:30:23 • 前端 • 阅读577

[导读]：一、什么导致了首页初步加载过慢：app.js文件体积过大二、解决方法： 1、Vue-router懒加载 vue-router懒加载可以解决首次加载资源过多导致的速度缓慢问题： vue-router 支持WebPack内置的异步模块加载系统。所以，那些使用较少的路由组...

一、什么导致了首页初步加载过慢：app.js文件体积过大

二、解决方法：

1、Vue-router懒加载

vue-router懒加载可以解决首次加载资源过多导致的速度缓慢问题：vue-router支持WebPack内置的异步模块加载系统。所以，那些使用较少的路由组件不必打包进bundles里，只需要在路由被访问时按需加载。

路由懒加载写法：

非懒加载：

2、在webpack打包的过程中，将多余文件去掉，如map文件，即在config/index.js中将productionSourceMap的值修改为false，就可以在编译时不生成.map文件了

3、第三方库使用CDN引入

在项目开发中，我们会用到很多第三方库，如果可以按需引入，我们可以只引入自己需要的组件，来减少所占空间，但也会有一些不能按需引入，我们可以采用CDN外部加载，在index.html中从CDN引入组件，去掉其他页面的组件import，修改webpack.base.config.js，在externals中加入该组件，这是为了避免编译时找不到组件报错。

注意：删掉项目中import的这几个相关的，以及Vue.use()。eslint插件报错not defined的话，前面加个window，如window.VueRouter。

推荐外部的库文件使用CDN资源：

bootstrap CDN：https://www.bootcdn.cn
Staticfile CDN：https://www.staticfile.org
jsDelivr CDN：https://www.jsdelivr.com
75 CDN：https://cdn.baomitu.com
UNPKG：https://unpkg.com
cdnjs：https://cdnjs.com

4、vue-cli开启打包压缩和后台配置gzip访问

首先安装插件：compression-webpack-plugin

在 config/index.js中将productionGzip 改为 true

此时重新打包 npm run build ，此时打包的文件会新增 .gz 文件。是不是比原来的js文件小很多呢，之后项目访问的文件就是这个.gz文件

后台nginx开启gzip模式访问，浏览器访问项目，自动会找到 .gz 的文件。加载速度明显提高：

在 nginx.conf 配置文件中配置

本文来自E先生的博客，如若转载，请注明出处： http://javajz.cn

Vue,首页,加载过慢

赞 196

打赏

微信扫一扫

admin

微信小程序实现滚动分页加载更多

flex布局实现左侧文字溢出省略右侧文字自适应布局

下一篇 »

留言区

历史留言

当前日当前月当前年 element year month Date Date() parentNode el-select change clear vue 阿习 Easy 无法识别前端 cmdlet 函数脚本文件 E先生 ChatGPT git Vue 项目拉取提交上海提交git localStorage sessionStorage 数组格式的字符串转换数组数组字符串 JavaScript JSON.parse JSON go back router history 返回上一页后退 echarts Kafka zookeeper jdk kafka安装 zookeeper安装 vue-cli安装 @keyup echarts逆时针值 px vh vw 数组去重 Js去重 el-input限制只能输入数字 Element-ui 弹窗 this.$alert $alert fail api scope uni-data-picker二开搜索功能 url filter \n h5跳转小程序指定页面 scss指定版本安装 10054 ssL_read 子页面父页面 obj转换成数组命名动态style 数据大屏自适应 @focus @input @click 事件 webview 小程序暂未对存量小程序开放 clearInterval setInterval Permission denied (publickey) pboot pbootcms tags uni-popup java Java编译非法字符 gulp npm 注册任务同步异步 ollama 大模型 vscode Copilot 切换分支排序 sort sort() compareFunction 含参排序不含参排序降序升序 silce Generator winpty Not found in PATH sort排序修改ElMessage中的文字大小合并 Swagger input focus ios存储密码 css渐变色 css颜色渐变 ElasticSearch ElasticSearch安装 windows 过滤器 html ng 内置过滤器数组过滤器 el-table-column Highcharts 环境配置 Highcharts 环境配置安装安装 Highcharts

欢迎加Easy的QQ

深圳坪山网站建设公司网站快速优化排名推荐网站百度优化网站robots文件优化网站优化排名是做什么的怎样优化网站链接如何优化公司网站永宁网站优化哪家专业淮安网站优化方案网站建设优化文档香河网站优化推广吴川百度网站优化深圳如何在网站优化平台网站排名优化是怎么做的宝山区企业网站优化哪家好章丘市网站优化 eo网站优化公司怎么找去哪优化网站关键词淮南网站优化哪家好天河网站优化比较好扬州网站优化怎么样广东模板网站优化系统宜良网站优化咨询网站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 网站制作网站优化

深圳坪山网站建设公司网站快速优化排名推荐网站百度优化网站robots文件优化网站优化排名是做什么的怎样优化网站链接如何优化公司网站永宁网站优化哪家专业淮安网站优化方案网站建设优化文档香河网站优化推广吴川百度网站优化深圳如何在网站优化平台网站排名优化是怎么做的宝山区企业网站优化哪家好章丘市网站优化 eo网站优化公司怎么找去哪优化网站关键词淮南网站优化哪家好天河网站优化比较好扬州网站优化怎么样广东模板网站优化系统宜良网站优化咨询网站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 网站制作网站优化