Vue项目 - 首屏加载优化方案总结
优化方案如下:
1. Vue-Router路由懒加载（利用Webpack的代码切割）
2. 使用CDN加速，将通用的库从vendor进行抽离
3. Nginx的gzip压缩
4. Vue异步组件
【Vue项目 - 首屏加载优化方案总结】5. 服务端渲染SSR
6. 如果使用了一些UI库，采用按需加载
7. Webpack开启gzip压缩
8. 如果首屏为登录页，可以做成多入口
9. Service Worker缓存文件处理
10. 使用link标签的rel属性设置 prefetch
（这段资源将会在未来某个导航或者功能要用到，但是本资源的下载顺序权重比较低，prefetch通常用于加速下一次导航）、preload（preload将会把资源得下载顺序权重提高，使得关键数据提前下载好，优化页面打开速度）
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- 17|17 关山松 第二课作业#公众号项目# D20
- RxJava|RxJava 在Android项目中的使用（一）
- Hacking|Hacking with iOS: SwiftUI Edition - SnowSeeker 项目（一）
- VueX--VUE核心插件
- 靠QQ月入上万灰色暴利偏门的项目
- spring|spring boot项目启动websocket
- 首屏时间，你说你优化了，那你倒是计算出给给我看啊！
- vue组件中为何data必须是一个函数（）