angular - 我的Angular 2应用程序第一次加载速度非常慢

我认为您没有使用任何捆绑工具，例如webpack，systemjs ..

当您部署ng2-app时，我应该使用AOT（提前）编译。我猜你正在使用JIT（及时）编译。

在angular2指南页面，

使用AOT，浏览器会下载应用程序的预编译版本。浏览器加载可执行代码，以便它可以立即呈现应用程序，而无需先等待编译应用程序。

当您使用JIT编译时，您的浏览器将下载vendor.js，这是定义的angular2编译器，它将及时编译您的应用程序。它太慢了。

我建议在部署时使用AOT编译，并对资源大小使用延迟加载。

如果您对ng2 AOT编译感到好奇，请阅读本指南。

这是带有webpack2和延迟加载的示例angular2 app。

与aot捆绑在一起的

文件小于500KB。