performance - Angular 5 应用程序需要很长时间才能为初次使用的用户加载，我需要帮助来加快速度

Question

Angular 5 应用程序在第一次在任何服务器上加载应用程序时需要更多时间，为了获得更多信息，我使用 AOT 编译器进行生产。

tsconfig.json

 {
      "compileOnSave": false,
      "compilerOptions": {
        "outDir": "./dist/out-tsc",
        "baseUrl": "src",
        "sourceMap": true,
        "declaration": false,
        "moduleResolution": "node",
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "target": "es5",
        "typeRoots": ["node_modules/@types"],
        "lib": ["es2017", "dom"]
      }
    }

Answer 1

有一些方法可以优化第一次加载。
1:构建选项

ng build --prod

2:懒加载
您应该重构您的应用程序以使用延迟加载。在 Angular 中，lazyload 是在需要时加载模块的方法。所以在第一次加载时将加载更少的代码，然后当用户移动到其他路线时，将加载所需的 block 文件。
find the official doc for lazyLoading
3:导入你需要的

Import only needed functions. e.g lodash

代替
从“lodash”导入*作为_；
采用

import { toLower } from “lodash”;

4:CDN
利用 CDN(CloudFront/s3) 加载您的 Assets (静态文件)。
5:动态脚本加载
不要加载 index.html 文件中的所有脚本。相反，动态加载
需要时单独组件