2017-01-18 75 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