关于vue.js:Vue项目-首屏加载优化方案总结

优化计划如下:

1. Vue-Router路由懒加载（利用Webpack的代码切割）

2. 应用CDN减速，将通用的库从vendor进行抽离

3. Nginx的gzip压缩

4. Vue异步组件

5. 服务端渲染SSR

6. 如果应用了一些UI库，采纳按需加载

7. Webpack开启gzip压缩

8. 如果首屏为登录页，能够做成多入口

9. Service Worker缓存文件解决

10. 应用link标签的rel属性设置 prefetch
（这段资源将会在将来某个导航或者性能要用到，然而本资源的下载程序权重比拟低，prefetch通常用于减速下一次导航）、preload（preload将会把资源得下载程序权重进步，使得要害数据提前下载好，优化页面关上速度）