Lazy loading memuat module/komponen hanya saat dibutuhkan — memperkecil bundle awal.
Lazy Route
export const routes: Routes = [
{
path: "admin",
loadComponent: () =>
import("./admin/admin.component").then(m => m.AdminComponent),
},
{
path: "dashboard",
loadChildren: () =>
import("./dashboard/routes").then(m => m.DASHBOARD_ROUTES),
},
]
Manfaat
- Bundle splitting — kode dipecah per route
- Faster initial load — hanya load yang dibutuhkan
- Better UX — user tidak menunggu download semua kode