【问题标题】:How to compress Angular 11 application prod files如何压缩 Angular 11 应用程序产品文件
【发布时间】:2022-01-05 23:02:34
【问题描述】:

我正在开发一个应用程序我已经部署了我的应用程序现在我面临的问题是我的一些 prod 文件需要太多时间加载这里是我的网络选项卡的屏幕截图。我在制作 prod build 时也尝试过 --aot 和优化器命令如何克服这个问题?

【问题讨论】:

    标签: angular angular11 angular12 ng-build


    【解决方案1】:

    第一种方法是让您的生产服务器提供 gzip 压缩文件。这将大大减少加载时间。你如何做到这一点取决于你的服务器,而不是 Angular。

    第二种(补充)方法是减小 Angular 包的大小。有上百万种方法可以做到这一点,尤其是尽可能实现延迟加载

    【讨论】:

      【解决方案2】:

      我建议使用 npm 包gzipper

      1. 运行npm install -g gzipper 全局安装gzipper
      2. 在 Angular 项目中运行 ng build --prod 或您的构建脚本
      3. 运行gzipper compress ./dist压缩dist文件夹中的文件

      注意:在服务器端启用 gzip 压缩

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2018-05-16
        • 1970-01-01
        • 2019-10-04
        • 1970-01-01
        • 2011-12-03
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多