Thuta Learning
ရှာဖွေရန်
AdvancedWeb Developmentintermediate

Lazy Loading

စိတ်လျှော့ပါ။ ဒီခန်းကို စာအုပ်လိုမဟုတ်ဘဲ စကားပြောသလိုပဲ၊ နားလည်လွယ်အောင် ရှင်းပါမယ်။

Lazy Loading သည် modules များကို လိုအပ်သောအခါမှသာ load လုပ်ပြီး initial bundle size ကို လျှော့ချနိုင်သည်။

typescript
// app-routing.module.ts
const routes: Routes = [
  {
    path: 'admin',
    loadChildren: () => import('./admin/admin.module')
      .then(m => m.AdminModule)
  },
  {
    path: 'users',
    loadChildren: () => import('./users/users.module')
      .then(m => m.UsersModule)
  }
];

// admin-routing.module.ts (inside admin folder)
const routes: Routes = [
  { path: '', component: AdminDashboardComponent },
  { path: 'users', component: AdminUsersComponent },
  { path: 'settings', component: AdminSettingsComponent }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class AdminRoutingModule { }
You should see
(Admin module သည် /admin route သို့သွားသောအခါမှသာ load ဖြစ်ပြီး performance ကောင်းလာသည်)