Проблема с загрузкой сайта: проект Angular 6 занимает слишком много времени для загрузки

Question

На приведенном выше рисунке ясно, что Моё приложение занимает слишком много времени (3 минуты, как показано на рисунке) для загрузки в первый раз.Я не могу найти фактическую причину.

Некоторые сведения о моем приложении:

1. В моем проекте всего 13 компонентов.
2. У меня нетиспользуется ленивая загрузка, потому что, на мой взгляд, она недостаточно велика, чтобы использовать ленивую загрузку.Потому что после сборки размер файла main.js составляет всего 2,4 МБ
3. Чтобы уменьшить размер, я даже удалил файлы spec.ts и ненужные файлы .scss.
4. Имеется 6 файлов .svgво всем проекте.
5. Это команда, которую я использую для сборки.'ng-build --prod --aot'

Если понадобятся какие-либо дополнительные сведения, я предоставлю их. Пожалуйста, помогите мне найти фактическую причину задержки.

Answer 1

1. Это может быть 13 компонентов с 6K строк кода.Количество компонентов не имеет значения, сложность кода имеет значение.

2. Ленивая загрузка не уменьшает размер пакета: отложенная загрузка - это функции, которые загружают Javascript при запросе вместо при получении

3. spec файлы не отображаются в сборке, а файлы .scss компилируются в JS (без разницы вокончательная сборка, независимо от того, используете ли вы встроенный или URL-стиль)

4. См. точку № 1

5. Опять аналогично точке № 1,это зависит от команд, которые вы запускаете, и кода, который вам нужно скомпилировать.

Я не вижу изображения, но вы провели аудит маяка в вашем заявлении?Это может сказать вам, что вы можете улучшить.

Answer 2

Воспользуйтесь преимуществами угловой загрузки маршрутизатора и модуля.Например, создайте модуль соответствующего компонента, и при посещении vie загрузите конкретный js-файл

. В примере, когда посещен маршрут customer, он загрузит соответствующий js-файл, как и другой модуль

* 1005.*

Также вы можете запустить ng build --prod.Это сожмет код, удалит мертвый код