Как работает отложенная загрузка компонентов в Angular?

Отложенная (ленивая) загрузка компонентов в Angular позволяет подгружать JavaScript-бандлы асинхронно — по мере перехода пользователя между маршрутами. htmlacademy.ru Вместо того чтобы загружать всё приложение целиком сразу, подгружаются только те части, которые нужны — и только когда они нужны. htmlacademy.ru

Некоторые способы загрузки компонентов в Angular:

• On idle — когда браузер находится в состоянии простоя и не обрабатывает другие задачи. blog.logrocket.com angular.dev
• On viewport — когда контент попадает в область просмотра. blog.logrocket.com
• On interaction — когда пользователь щёлкает по заполнителю или другому указанному элементу. blog.logrocket.com
• On hover — когда пользователь наводит курсор на элемент-заполнитель или другой конкретный элемент. blog.logrocket.com
• On immediate — немедленное получение отложенного фрагмента. blog.logrocket.com
• On timer — ожидание определённого количества времени перед загрузкой компонента. blog.logrocket.com

Для управления разными стадиями отложенной загрузки в Angular есть несколько подблоков, например: angular.dev

• @defer — основной блок, который определяет раздел контента для отложенной загрузки. angular.dev По умолчанию срабатывает, когда браузер находится в состоянии простоя. angular.dev
• @placeholder — необязательный блок, который объявляет, какой контент показывать перед срабатыванием блока @defer. angular.dev
• @loading — необязательный блок, который позволяет объявлять контент, который отображается во время загрузки отложенного зависимостей. angular.dev

Отложенная загрузка компонентов в Angular помогает повысить производительность приложения и уменьшить начальный размер пакета. www.8host.com