流浪のwolf

卷帝

导航

Vue 项目优化解决方案 有哪些 ?

1. 打包的时候 , 通过插件把css代码单独抽离出来使用 link 引入 

2. 打包的时候 , 通过webpack内置插件optimization  把 公共的js代码抽离出来 

  ps:打包之后,代码冗余,体积大 ,原因是 相同的模块 在不同的入口之间没有得到复用 ,bundle 之间比较独立 ,bundle就是打包产出的文件 ;

3. 使用 cdn 引入组件库

  ps:CDN 的缺点 : 第三方服务器不稳定 ;需要查看CDN的版本号和项目使用的版本号对应 ;配置cdn的时候要直到组件库的全局变量 ;

4. 小图片使用 base64格式 

  ps:因为使用base64比源文件体积大30%左右,但是好在没有网络开销,大图片就不合适了

5. 开启Gzip 压缩 

posted on 2022-11-08 23:01  流浪のwolf  阅读(32)  评论(0编辑  收藏  举报