как быстро загрузить приложение angular 6 в браузер? - PullRequest
0 голосов
/ 25 февраля 2019

как сократить время загрузки приложения.Мое приложение angular6 имеет один модуль приложения.под модулем приложения у меня есть так много компонентов, как home, signup, login, user-dashboard, client-dashboard и т.д.загрузить в фоновом режиме.пожалуйста, дайте мне это возможно или нет, если это возможно, как это сделать.заранее спасибо.

Ответы [ 3 ]

0 голосов
/ 25 февраля 2019

В основном в Angular компоненты приложения загружаются только при нажатии на них. Когда вы нажимаете на компонент, запускается ngOninit, и страница загружается.Я предполагаю, что если ваше приложение загружается медленно, попробуйте удалить компоненты Entry из файла module.ts. Удалите ненужные компоненты, которые, по вашему мнению, не понадобятся во время загрузки. Вы должны были объявить все компоненты в компоненте entry вашего module.tsфайл.Другой сценарий, при котором страница будет загружаться медленно, это если у вас много изображений и видео. В этом случае вы можете попробовать оптимизировать свой код и использовать библиотеку javascript или функцию отложенной загрузки.Если ваши данные не отображаются или не отображаются из-за того, что ваш бэкэнд медленный или для извлечения данных из бэкэнда требуется время, вам нужно оптимизировать бэкэнд.В этом случае вы ничего не можете сделать, чтобы уменьшить время загрузки.

Angular имеет множество функций, которые позволяют нам настраивать приложения так, чтобы они были максимально быстрыми и высокопроизводительными.Пройдите следующую статью. AngularCustom Preload и стратегии отложенной загрузки с Angular

Он поможет вам и поможет с выборочной загрузкой углового приложения.

0 голосов
/ 25 февраля 2019

Лучший способ быстрой загрузки приложения - это Lazy Loader (Load Module on Demand).И Make Production build с:

ng build --prod --build-optimizer

0 голосов
/ 25 февраля 2019

Наилучший подход может быть достигнут при использовании отложенной загрузки. Angular-Lazy-Loading .

Если вы используете флаг --prod при использовании ng serve, загрузка может занять некоторое время, ноэто увеличивает общую производительность приложения.

Этого также можно добиться с помощью ng build --prod.

...