Каков наилучший способ загрузки большого количества компонентов в Angular

Question

Хорошо, у меня есть DashboardSharedModule с 104 Компонентами (виджеты).

Затем есть страница настройки ( CustomizationModule ), где пользователь может выбирать из 104 виджетов (компонентов), и это модуль с отложенным доступом.

Всякий раз, когда я перехожу на страницу настройки, все 104 компонента загружаются одновременно, и загрузка занимает почти 4-5 секунд.

Как лучше всего загрузить все эти компоненты? Может быть, используя технику прокрутки?

Но всякий раз, когда я импортирую DashboardSharedModule в CustomizationModule , он загружает все компоненты.

Что нужно сделать, чтобы избежать задержки загрузки компонентов на 4-5 секунд.

Answer 1

Вы можете определить подмножество необходимых компонентов и загружать остальные ленивым образом, когда пользователь действительно в этом нуждается.Если вы не перемещаетесь (не изменяете маршрут), кому понадобится способ загрузить компоненты по коду.

Эта библиотека выглядит неплохо: https://github.com/wishtack/wishtack-steroids/tree/master/packages/reactive-component-loader, вы можете посмотреть, сколькоэто соответствует вашим требованиям.

С уважением