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%的壓縮率!);圖片壓縮等;
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章