首屏加载优化技巧

2018/05/29 JS 共 364 字,约 2 分钟

主要针对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对静态文件加速: 现在主要是分担源站压力;(随着网络基础设施的提升,即使访问源站网速,时延一般能接收)。

文档信息

Search

    Table of Contents