如何在Angular 6中减少polyfills脚本的初始负载？

Question

我正在尝试减少我的angular (Angular 6)应用程序的页面初始负载。我已经延迟加载模块，缩减js和css，将"--prod -- build -optimizer --aot“标签添加到我的构建脚本中，但没有找到任何解决方案来减少"polyfills”脚本的执行时间。我使用"Chrome Audit“工具来查看页面性能。

提前感谢

​

​

Answer 1

您可以做的另一件事是在ng构建中使用--vendorChunk=true|false参数。这将创建一个单独的包，其中只包含供应商的库。

e.g. "ng build --prod --buildOptimizer --aot --vendorChunk"

参考：https://angular.io/cli/build

Answer 2

也许值得关注一下Angular 8s即将发布的“差异加载”特性。这将允许只加载用户特定浏览器所需的polyfills (对于大多数现代的常绿浏览器来说，这意味着:非常少)。

在它发布之前，这里有一篇关于这个主题的文章(众多文章中的一篇)：https://dev.to/lacolaco/differential-loading-a-new-feature-of-angular-cli-v8-4jl