vue本身存在的方法 v-if 和v-show 的合理運用,頻繁使用的組件使用v-show,不頻繁的使用v-if,來減少dom的渲染路由懶加載 采用()=>import(index.vue)當路由被訪問的時候才回去加載 使用keep-alive緩存頁面,減少沒必要的重復渲染同時也可以減少服務器的壓力使用computed緩存數據,減少沒必要的計算 代碼方面 合理的的防抖節流,減少htttp的調用vue2中盡量不要把所有數據都放在data中,可以減少添加響應式的循環圖片懶加載,當圖片出現在可是區域以內再去加載他虛擬列表減少頁面中的dom,頁面中dom過多也會導致卡頓\動畫效果盡量在bfc中.避免影響其他元素產生回流跟重繪刪除console.log()避免內存泄漏 打包優化 可以使用webpack-bundle-analyzer,可以幫我們分析整個項目中所使用js還有第三方庫的大小,然后根據這些逐步去優化像體積比較大的我們可以使用cdn引入,來減少本地打包的體積開啟gzp壓縮代碼分割使用 CommonsChunkPlugin SplitChunksPlugin 將代碼分割成多個塊,并按需加載,只加載當前頁面需要的代碼
)
)
