主要针对VUE进行首屏加载优化
(1)组件按需加载:
对Element-UI, Mint-UI组件进行按需加载;
(2)路由组建懒加载:
异步加载const home = resolve => require(['@/home.vue'], resolve);
(3)图片懒加载:
vue-lazyload;
(4)利用cdn资源;
对vue, vuex,element-ui直接取官方CDN资源;
nginx或第三方CDN缓存加速;
(5)report工具分析;
webpack-bundle-analyzer-bundle-analyzer分析打包后的map图,针对性优化;
(6)后端gzip压缩(如nginx gzip on);图片压缩等;
CDN加速
CDN对静态文件加速: 现在主要是分担源站压力;(随着网络基础设施的提升,即使访问源站网速,时延一般能接收)。