如何對vue項目進行優化,加快首頁加載速度

上個月上線了一個vue小項目,剛作完項目,打包上線以後,傳到服務器上發現首頁加載巨慢。css

因爲開發時間比較緊,我想着怎麼快怎麼來,於是在開發過程當中沒考慮過優化性能問題,釀成最後在帶寬5M的狀況下頁面加載巨慢。vue

用戶體驗至上,於是必須對象進行優化,我總結一下我都作了哪些優化。element-ui

1.路由懶加載,首頁加載的時候,不讓其餘頁面加載,減緩首頁加載壓力。服務器

2.element-ui按需加入。element-ui須要哪部分,就使用哪部分。性能

3.將組件寫的css整合到一個css頁面裏。優化

4.圖片進行壓縮或者上傳到CDN上,這樣極大的減緩了服務器的加載壓力。ui

5.打包的時候能夠不下載Map文件,由於Map文件佔內存也很大。spa

相關文章
相關標籤/搜索