Angular 页面优化，减少页面加载时间

Question

Angular 页面优化，减少页面加载时间。

提高页面加载时间的方法，除了图像优化、角度网页应用程序中的代码最小化。

Answer 1

要优化有角度页面的加载时间，我们可以执行以下操作： 我们有可能使用延迟加载概念，它允许只加载使用过的模块，这将避免在第一次加载期间加载所有模块。我们可以使用共享模块来删除重复的模块。

Answer 2

正如您已经对图像和代码优化以及延迟加载所做的那样，您可以通过减少 Angular 应用构建大小来减少页面的加载时间。

Angualr CLI 已经提供生产标志 --prod 以减少构建大小，它有很大帮助，因此始终使用生产标志来减少构建大小。

您可以捆绑应用程序的另一件事。通过创建应用程序包，您的所有 JavaScript 文件将被整合到一个文件中。为此，您可以使用 Webpack，它可以完成非常出色的工作并将您的 JavaScript、CSS 和 HTML 文件捆绑在一起。 Webpack 会将您的 Typescript 代码转换为 JavaScript，这样浏览器更容易阅读。

虽然大多数服务器在发送到浏览器到 Gzip 之前自行压缩构建，但如果您没有，则将构建压缩到 Gzip。