Angular приложение в работе медленно загружается из-за файла с 5-секундной загрузкой

Question

Я скомпилировал свой проект для производства:

ng build --prod

со следующими настройками производства в angular. json:

        "production": {
          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.prod.ts"
            }
          ],
          "optimization": true,
          "outputHashing": "all",
          "sourceMap": false,
          "extractCss": true,
          "namedChunks": false,
          "aot": true,
          "extractLicenses": true,
          "vendorChunk": false,
          "buildOptimizer": true,
          "budgets": [
            {
              "type": "initial",
              "maximumWarning": "2mb",
              "maximumError": "5mb"
            },
            {
              "type": "anyComponentStyle",
              "maximumWarning": "6kb",
              "maximumError": "10kb"
            }
          ]
        }

Затем я загрузил проект на S3. Но когда я загружаю страницу, загрузка занимает 5 секунд. Я просматриваю вкладку Google Chrome Network, и загрузка следующего файла занимает 5,4 секунды:

vendor-es2015.js 

Я предполагаю, что это сгенерированный es5-совместимый javascript файл. Но как я могу сократить время загрузки этого? 5 секунд для загрузки приложения невыносимо.

Answer 1

То, как библиотеки импортируются в проект, может повлиять на производительность при использовании ng --prod

Используете ли вы формат @import "~<path>"; или формат @import "../../<path>"?

Ссылка: https://github.com/angular/angular-cli/issues/6795#issuecomment -416236486

Answer 2

Вы пытались получить файл с почтальоном?

Это, похоже, не проблема Angular, а скорее проблема из-за плохой связи или чего-то, связанного с корзинами S3, может быть?