如何加快 Angular 7 中初始加载的加载时间？

Question

我创建了 Angular 应用程序，并将单个模块拆分为一组较小的功能模块并延迟加载它们。并从索引中删除了不必要的脚本和样式.html 并在组件级别加载它。最终部署文件后第一次加载时间太慢，

我已尝试使用 --prod 现在文件大小约为 3MB 有没有其他可以加快速度的方法

下面是我的构建文件大小的屏幕截图 enter image description here

Answer 1

速度优化不仅仅依赖于延迟加载。

如果您确定优化了代码，删除了不必要的导入、样式、脚本，那么您必须应用其他解决方案，例如：

• 将所有子路由设为延迟加载。
• 使用 Angular Universal 进行服务器端渲染
• 从您的服务器提供预压缩的内容。如果使用 Nginx 部署它，则可以启用 Gzip 压缩。
• 更新静态资产的缓存策略。这也应该从服务器端进行配置。
• 图像延迟加载。如果第一页上有多个图像，则首先仅加载可见图像，然后在滚动时加载其他图像。你可以找到一个 Angular 模块。
• 仅在需要时加载外部脚本。

还有更多的技术可以用于提高速度。

您可以使用Lighthouse 或GTmetrix 测试您的应用。这些工具会建议您应用解决方案，您可以按照它们进行操作。