【发布时间】:2022-01-05 23:02:34
【问题描述】:
我正在开发一个应用程序我已经部署了我的应用程序现在我面临的问题是我的一些 prod 文件需要太多时间加载这里是我的网络选项卡的屏幕截图。我在制作 prod build 时也尝试过 --aot 和优化器命令如何克服这个问题?
【问题讨论】:
标签: angular angular11 angular12 ng-build
我正在开发一个应用程序我已经部署了我的应用程序现在我面临的问题是我的一些 prod 文件需要太多时间加载这里是我的网络选项卡的屏幕截图。我在制作 prod build 时也尝试过 --aot 和优化器命令如何克服这个问题?
【问题讨论】:
标签: angular angular11 angular12 ng-build
第一种方法是让您的生产服务器提供 gzip 压缩文件。这将大大减少加载时间。你如何做到这一点取决于你的服务器,而不是 Angular。
第二种(补充)方法是减小 Angular 包的大小。有上百万种方法可以做到这一点,尤其是尽可能实现延迟加载
【讨论】:
我建议使用 npm 包gzipper
npm install -g gzipper 全局安装gzipperng build --prod 或您的构建脚本gzipper compress ./dist压缩dist文件夹中的文件注意:在服务器端启用 gzip 压缩
【讨论】: