Pemuatan modul sesuai kebutuhan

Pemuatan sesuai kebutuhan meningkatkan kinerja dengan memuat modul hanya saat diperlukan. Mari pelajari fitur Angular yang penting ini.

Apa itu pemuatan sesuai kebutuhan?

Pemuatan sesuai kebutuhan adalah proses memuat modul secara asinkron saat pengguna berpindah ke rute tertentu, bukan memuat semua modul saat aplikasi dimulai.

Mengapa menggunakan pemuatan sesuai kebutuhan?

• Mengurangi waktu pemuatan awal
• Meningkatkan kinerja
• Mengoptimalkan penggunaan sumber daya

Membuat Modul yang Dimuat Secara Malas

Buat modul fitur untuk dimuat secara malas dengan Angular CLI:

ng generate module admin --route admin --module app.module

Mengonfigurasi Rute yang Dimuat Secara Malas

Siapkan pemuatan secara malas di modul perutean Anda:

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

Menguji Pemuatan Secara Malas

Gunakan alat pengembang untuk memastikan modul hanya dimuat saat rute diaktifkan. Anda akan melihat file JS baru dimuat secara dinamis.

Strategi Prapemuatan

Angular memungkinkan prapemuatan modul yang dimuat secara malas untuk lebih meningkatkan kecepatan navigasi. Strategi yang umum digunakan adalah:

• Tanpa prapemuatan (bawaan)
• Memuat semua modul terlebih dahulu

Praktik Terbaik Pemuatan Secara Malas

Gunakan pemuatan secara malas untuk modul yang tidak segera diperlukan saat aplikasi dimulai, seperti dasbor admin atau halaman pengaturan.

Ringkasan

Anda telah berhasil mempelajari cara menerapkan pemuatan secara malas untuk meningkatkan kinerja aplikasi Angular Anda. Kerja bagus!