Angular应用程序的第一个页面加载非常慢

Question

我正在托管我的.Net核心/角度应用程序。当我访问应用程序的url时，第一个页面的加载时间超过了90秒。我发现这些文件非常大(15MB)：样式。J的，脚本。J's，mainJ's，卖家J's，pollyfills。所以我使用这个网站简化了js代码https://jscompress.com/，现在我的应用程序更快了，但我认为它可以更快。你有什么想法吗?click here to see the image

Answer 1

我不确定您的应用程序到底是如何构建的，但如果可能，您可以将其分解为lazy loaded modules。

我将查看这篇文章，其中提到了在尝试改善加载时间时需要考虑的各种可能的事情：https://medium.com/khojchakra/reduce-initial-load-time-of-angular-application-9b9ed4a6bfc9

如果你还没有准备好为你的应用程序提供AOT服务，那么在你实际为生产提供服务的时候，也要试着为它服务。这可能会大大加快速度；但在本地开发过程中不会。在启用aot的情况下更改代码时，应用程序的重新加载时间非常令人沮丧

Answer 2

您可以尝试使用ng AOT选项进行构建: ng build --aot -- build --optimizer。你可以在这里找到更多信息https://angular.io/cli/build通过这个你的应用程序加载速度应该会更快

Answer 3

请始终使用最新版本的angular。做代码拆分。延迟加载模块会减少初始包的大小。删除未使用的导入。尽量避免臃肿的第三方库。适当地将功能分离到单独的模块中。

高级:如果您仍然想减少包的大小，AFter可以执行上述所有操作。尝试使用bazel进行构建过程。https://blog.mgechev.com/2018/11/19/introduction-bazel-typescript-tutorial/

更高级:您仍然希望减少包的大小。等待Angular Ivy(公开发布)。