如何減少webpack angular 2中的初始化頁面加載時間？

在我的角度2應用程序。我想減少頁面加載的時間。當我第一次加載頁面時，需要13秒加載。請幫我提一些建議。如何減少webpack angular 2中的初始化頁面加載時間？

來源

2017-06-19 Santosh

你使用-prod或-aot延遲加載在運行/構建應用程序時運行標誌？ –

沒有。我正在使用開發模式。不使用此標誌 – Santosh

在構建時通過使用-prod來縮小CSS和JS。 –

升級到角4.要快得多推薦什麼

來源

2017-06-19 09:38:49 KrystianC

如何將網頁包轉換爲角度4？ – Santosh

angular 4基於webpack。所以只需要正常升級到最新版本npm update --save --save-dev。如果你願意，Yuo可以安裝npm-check，它將以更友好的方式升級所有依賴關係。請記住，你需要在package.json文件中指定的版本檢查在版本前是否有^或*。或者直接像「@ angular/core」一樣手動覆蓋它：「^ 4.2.2」 – KrystianC

謝謝!!讓我試試 – Santosh

是發展你的時候不`噸需要使用PROD和AOT標誌，因爲編譯時間是很長，但建設生產中的應用時，嘗試使用

ng build -aot -prod

它應該使它快很多。請注意，在此模式下可能會發生一些錯誤，因此請務必在部署前測試您的工作流程。

來源

2017-06-19 09:41:52

ng不會被識別爲命令，因爲我正在使用網絡包（不使用CLI） – Santosh

應該是'--prod'，而不是'-prod'。另外，如果你通過'--prod'，你不需要'--aot' - 後者也會打開AOT。 –

不，我正在開發模式 – Santosh

同樣適用於AOT在Webpack之上它會使性能發生巨大變化。

按照下面的說明，它可能對你有幫助。

建立在生產模式
捆綁JS的應用和CSS文件
與子域加載圖像
實現在可能的情況

來源

2017-06-19 09:45:28 Liketapatel

需要執行延遲加載 – Santosh

如何減少webpack angular 2中的初始化頁面加載時間？

回答

相關問題