如何解决Angular 页面优化,减少页面加载时间
提高页面加载时间的方法,除了图像优化、角度网页应用程序中的代码最小化。
解决方法
要优化有角度页面的加载时间,我们可以执行以下操作: 我们有可能使用延迟加载概念,它允许只加载使用过的模块,这将避免在第一次加载期间加载所有模块。我们可以使用共享模块来删除重复的模块。
,正如您已经对图像和代码优化以及延迟加载所做的那样,您可以通过减少 Angular
应用构建大小来减少页面的加载时间。
Angualr CLI
已经提供生产标志 --prod
以减少构建大小,它有很大帮助,因此始终使用生产标志来减少构建大小。
您可以捆绑应用程序的另一件事。通过创建应用程序包,您的所有 JavaScript
文件将被整合到一个文件中。为此,您可以使用 Webpack,它可以完成非常出色的工作并将您的 JavaScript
、CSS
和 HTML
文件捆绑在一起。 Webpack
会将您的 Typescript
代码转换为 JavaScript
,这样浏览器更容易阅读。
虽然大多数服务器在发送到浏览器到 Gzip
之前自行压缩构建,但如果您没有,则将构建压缩到 Gzip
。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。