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

Question

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

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

Answer 1

为了优化一个角度页面的加载时间，我们可以这样做:我们有可能使用延迟加载的概念，它只允许加载使用过的模块，这将避免在第一次加载时加载所有模块。我们可以使用共享模块来删除重复的模块。

Answer 2

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

Angualr CLI已经提供了生产标志--prod来减少构建大小，它非常有帮助，所以总是使用生产标志来减少构建大小。

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

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