优化方案
- 使用
CDN资源，减少打包体积，提高速度。 - 路由
懒加载 - 把静态资源也放在CDN
- 第三方组件库UI框架，使用按需引入（
Tree Shaking） nginx开启gzip打包压缩
方案一
这里我们要实践的是使用CDN资源，减少包体积，提高首屏加载速度。
（1）用webpack的一个插件: webpack-bundle-analyzer辅助我们分析。
（2）首先我们全局引用包。
（3）在vue.config.js配置去除引用的第三方包。
（4）使用第三方CDN资源引入。
优化前和优化后的差别
- 优化前的包体积:
869.08KB
- 优化后的包体积：
30.27kb
版权声明：本文为qq_41308489原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。