Angular捆绑了多少速度？

由于我们在.Net / Angular Web应用程序中的软件体系结构不佳，我们可能无法执行生成环境的ng build（--prod）捆绑。

我现在的问题是，与使用ng build --prod捆绑的相同应用程序相比，使用SystemJS加载的Angular应用程序的性能增益有ng build --prod ？

有没有人执行过性能测量？

我尝试了下面的测试应用程序，并在开发人员控制台中读取执行时间，但这并不可靠。 角现实世界-示例应用内

“SystemJS”| “捆绑产品”
..... 1.9s ....... | .......... 1.1s
.... 2.2s ....... | .......... 1.4s
..... 1.7s ....... | .......... 1.3s
..... 2.1s ....... | .......... 1.0s
..... 1.8s ....... | .......... 1.1s
..... 1.7s ....... | .......... 1.15s

...〜1.68s ..... | ........〜1.17s
（平均秒数）

---

ng build --prod创建一个“时间提前”包（https://angular.io/guide/aot-compiler），这意味着角色编译器不必包含在生产包中。

正如文档中所写，在下载大小方面有性能提升：

编译器大约是Angular的一半，因此忽略它会显着减少应用程序的有效负载。

并且在应用程序启动时也有所收获：

更快的渲染

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

与JIT编译的应用程序相比，实际收益取决于模板的数量及其大小。

更少的异步请求

编译器在应用程序JavaScript中内联外部HTML模板和CSS样式表，消除了对这些源文件的单独的ajax请求。

链接地址: http://www.djcxy.com/p/14997.html

上一篇: How much faster is Angular bundled with

下一篇: Why "use strict" improves performance 10x in this example?