Skip to main content

Що таке lazy loading маршрутів?

AngularJunior~1 хв читання

Lazy loading маршрутів - це спосіб завантажувати частини застосунку лише тоді, коли вони реально потрібні, а не одразу під час старту.

Навіщо це потрібно:

Зменшує початкову вагу застосунку
Пришвидшує перше завантаження
Робить великі проєкти більш гнучкими та масштабованими

Як працює:

У тебе є модуль AdminModule, який не потрібен усім користувачам одразу.
Замість прямого імпорту ти вказуєш шлях до нього в роутингу:

ts

{
  path: 'admin',
  loadChildren: () => import('./admin/admin.module').then(m => m.AdminModule)
}

Коли користувач переходить за /admin, Angular ліниво завантажує модуль і його компоненти.

Підсумок: Lazy loading - це відкладене завантаження за вимогою, яке допомагає не тягнути за собою весь проєкт під час старту.

Коротка відповідь

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.