vue專案首次載入慢的解決方案及webpack優化

2021-10-11 14:26:35 字數 950 閱讀 8199

場景:後台管理系統,遇到首頁載入很慢的問題,技術棧是 vue全家桶 + elementui + echarts 。首次載入大概需要40s,頁面才能出來。

解決方案

1、vue-router 路由懶載入

2、使用cdn載入首先,在index.html下引入cdn

其次,在build/webpack.base.conf.js檔案中配置,和引入的對應

3、防止編譯檔案**現map檔案config/index.js 檔案中設定 productionsourcemap 為 false

在構建生產環境版本時是否開啟source map。

4、去掉**中的console.log在專案中的build/webpack.prod.conf.js檔案中

參考文章:

vue首次載入很慢、vendor檔案過大的優化方式

vue專案開啟gzip壓縮和效能優化

將webpack打包優化到極致_20180619

vue中config/index.js:配置的詳細理解

webpack優化總會讓你不得不愛

vue首屏載入慢的解決方案

單頁面應用首次進入時載入的檔案較多,導致首屏渲染速度很慢。以下總結了一些解決單頁面應用首屏渲染慢的方式。a require vue非同步元件技術 b import 下面2行 沒有指定webpackchunkname,每個元件打包成乙個js檔案。const index import component...

iis mysql慢 IIS 解決首次載入慢的問題

2 站點高階設定 advanced settings 預載入已啟用 prelaod enabled true 接著配置 配置編輯器 configuration editor 當站點啟動時自動訪問的網頁,以實現預載入 若要指定初始化期間要返回的靜態檔案的名稱,請將remapmanagedrequest...

selenium 頁面載入慢,超時的解決方案

開發環境 win10 64 python2.7.16 chrome77 from selenium import webdriver driver webdriver.chrome executable path chromedriver.exe driver.get http 全部載入完成超級慢的...