Angular Время загрузки первой страницы приложения до 9 секунд

Question

Я пытаюсь полностью оптимизировать приложение Angular 7, и размеры моего пакета:

 main.js.map (main) 2.05 MB
 polyfills.js.map (polyfills) 237 kB
 runtime.js.map (runtime) 14.2 kB
 scripts.js.map (scripts) 1.02 MB
 styles.js.map (styles) 381 kB 

, но когда я запускаю эту команду:

ng build --prod --aot && gzipper --verbose ./dist && ng run my-app:server:production

, он становится сервером. js файл размером 27 МБ, и когда я загружаю его на свой dev-сервер, время загрузки приложения составляет 9.2 секунды

Я не знаю, почему сервер. js размер файла такой огромный. Может ли кто-нибудь помочь мне решить эту проблему, чем я могу go вперед с 1 до 2 секунд с моим Angular Время загрузки приложения.

Answer 1

Я бы посоветовал вам реализовать функцию отложенной загрузки для вашего приложения. Сгруппируйте ваши компоненты по подобию или подобию. Эти группы называются модулями.

Вот документы из Angular. https://angular.io/guide/lazy-loading-ngmodules

Это довольно просто реализовать.

Answer 2

Похоже, вы не используете функцию ленивого модуля загрузки, предоставляемую Angular. Пожалуйста, используйте это. Ленивая загрузка помогает уменьшить начальные размеры пакета, что, в свою очередь, помогает сократить время загрузки.

Дополнительную информацию можно найти на Модули отложенной загрузки