Загрузка угловых данных после DOM

Question

Я ищу способ ускорить мой сайт, загружая контент, который впоследствии не требуется для отображения основного DOM.Моя веб-страница загружает 2,8 МБ ресурсов, куда фактически передается 879 КБ.(gzip) Мне известно о возможности загрузки только необходимых компонентов, но если я это сделаю, у меня возникнет та же проблема после того, как пользователь нажмет любую ссылку на другой компонент.По сути, я хочу загрузить мой основной компонент и немедленно отобразить DOM.После загрузки DOM я хочу загрузить другие компоненты как обычно.Есть пакет NPM, который делает это?Если нет, то как я могу реализовать свое желание?

Answer 1

То, что вы описываете, звучит как рендеринг на стороне сервера.Вы должны проверить Angular Universal.

https://angular.io/guide/universal

Answer 2

Используйте ленивые загрузочные модули, чтобы загружать их только при необходимости.Это значительно уменьшит размер пакета:

https://angular.io/guide/lazy-loading-ngmodules

Приложение должно быть разбито на отдельные модули и изменена маршрутизация, чтобы не загружать их с нетерпением