VUE首屏加载优化

(1)组件按需加载;
对Element-UI, Mint-UI组件进行按需加载;
(2)路由组建懒加载;
异步加载const home = resolve => require(['@/home.vue'], resolve);
(3)图片懒加载;
vue-lazyload;
(4)利用cdn资源(这个不要乱用);
对vue, vuex,element-ui直接取官方CDN资源;
(5)report工具分析;
webpack-bundle-analyzer-bundle-analyzer分析打包后的map图,针对性优化;
(6)后端gzip压缩(如nginx gzip on ,brotil 这个比gzip吊15%的压缩率!);图片压缩等;

你可能感兴趣的:(VUE首屏加载优化)