2017-01-18 80 views
1

enter image description hereMy Angular 2應用第一次加載非常緩慢

爲什麼我的Angular應用第一次加載非常慢? 導致compiler.umd.js需要幾秒鐘才能加載其他文件才能加載?

+0

的可能的複製[我的角2的應用程序需要很長的時間來加載的初級用戶,我需要幫助加快步伐(https://stackoverflow.com/questions/35253914/my-角-2-應用通吃一個長的時間對負載換首次用戶-I-需要-幫助通) –

回答

1

我想你不使用任何工具包像的WebPack,systemjs ..

當您部署NG2-應用程序,我應該使用AOT(提前)編譯。 我想你正在使用JIT(及時編譯)。

在angular2引導頁,

隨着AOT,瀏覽器下載的應用程序的預編譯的版本。瀏覽器加載可執行代碼,以便可以立即呈現應用程序,而無需等待先編譯應用程序。

當您使用JIT編譯時,您的瀏覽器將下載定義爲angular2編譯器的vendor.js,它將及時編譯您的應用程序。它會太慢。

我建議在部署時使用AOT編譯,並使用資源大小的延遲加載。

如果您對ng2 AOT編譯感興趣,請閱讀本指南。

angualar2-cookbook-AOT

這裏是例子angular2應用與webpack2和延遲加載。

捆綁aot的文件小於500KB。

angular2-webpack2-aot