上個月上線了一個vue小項目,剛做完項目,打包上線之后,傳到服務器上發現首頁加載巨慢。
由於開發時間比較緊,我想着怎么快怎么來,因而在開發過程中沒考慮過優化性能問題,釀成最后在帶寬5M的情況下頁面加載巨慢。
用戶體驗至上,因而必須對象進行優化,我總結一下我都做了哪些優化。
1.路由懶加載,首頁加載的時候,不讓其他頁面加載,減緩首頁加載壓力。
2.element-ui按需加入。element-ui需要哪部分,就使用哪部分。
3.將組件寫的css整合到一個css頁面里。
4.圖片進行壓縮或者上傳到CDN上,這樣極大的減緩了服務器的加載壓力。
5.打包的時候可以不下載Map文件,因為Map文件占內存也很大。