没有合适的资源?快使用搜索试试~ 我知道了~
详解使用vue-admin-template的优化历程
5星 · 超过95%的资源 15 下载量 74 浏览量
2020-08-27
11:43:06
上传
评论
收藏 195KB PDF 举报
温馨提示
试读
6页
主要介绍了详解使用vue-admin-template的优化历程,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
资源推荐
资源详情
资源评论
详解使用详解使用vue-admin-template的优化历程的优化历程
主要介绍了详解使用vue-admin-template的优化历程,小编觉得挺不错的,现在分享给大家,也给大家做个参
考。一起跟随小编过来看看吧
前言前言
公司有好几个项目都有后台管理系统,为了方便开发,所以选择了 vue 中比较火的后台模板 作为基础模板进行开发。但是,
开始用的时候,作者并没有对此进行优化,到项目上线的时候,才发现,打包出来的文件都十分之大,就一个 vendor 就有
770k 的体积(下图是基础模板,什么都没加打包后的文件信息):
通过 webpack-bundle-analyzer 进行分析可得,体积主要来源于饿了么UI(体积为 500k),因为没对其进行部分引入拆分组件,
导致 webpack 把整个组件库都打包进去了。其次就是 vue 本身,体积也达到了 80k 之大。
所以,对其进行打包优化,是一件刻不容缓的事情。
优化优化
优化主要目的有:
1. 加快资源加载速度,减少用户等待的时间和首页白屏时间,提高用户体验。
2. 加快打包速度,不要将时间浪费在等待打包上。
解决第一个问题,很多人都会想到资源文件放在 CDN 上就好了,没错,这次我们就是通过 CDN 来解决加载问题。
CDN - 提高加载速度提高加载速度
像 vue, element ui 这些比较成熟的框架/组件库,一般都有免费、高速、公共的 cdn 供开发者使用,鉴于大部分用户均在国
资源评论
- 余青葭2023-07-25这篇文章详细介绍了使用vue-admin-template的优化过程,通过实例展示了具体操作方法,对于初次接触的人来说非常实用。
- 雨后的印2023-07-25这篇文章内容充实,涵盖了很多优化相关的知识点,读者能够从中学到很多实用的技巧和方法。
- 林书尼2023-07-25文章结构清晰,逻辑连贯,读起来很舒服,不会让人产生困惑感。
- 仙夜子2023-07-25作者在文章中提到了一些常见优化问题,并给出了相应解决方案,对于遇到同样问题的读者来说是很有帮助的。
- 稚气筱筱2023-07-25作者分享了自己的实践经验,指导读者如何在实际项目中进行优化,让人感觉作者有很丰富的实际经验。
weixin_38687218
- 粉丝: 3
- 资源: 941
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功