การโหลดโมดูลแบบล่าช้า

การโหลดแบบล่าช้าช่วยเพิ่มประสิทธิภาพโดยโหลดโมดูลเฉพาะเมื่อจำเป็น มาสำรวจคุณสมบัติสำคัญของแองกูลาร์นี้กัน

การโหลดแบบล่าช้าคืออะไร

การโหลดแบบล่าช้าคือการโหลดโมดูลแบบอะซิงโครนัสเมื่อผู้ใช้นำทางไปยังเส้นทางใดเส้นทางหนึ่ง แทนที่จะโหลดทุกโมดูลเมื่อเริ่มต้นแอป

เหตุใดจึงใช้การโหลดแบบล่าช้า

• ลดเวลาโหลดเริ่มต้น
• เพิ่มประสิทธิภาพ
• ปรับการใช้ทรัพยากรให้เหมาะสม

การสร้างโมดูลที่โหลดแบบขี้เกียจ

สร้างโมดูลฟีเจอร์เพื่อโหลดแบบขี้เกียจด้วย Angular CLI:

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

การกำหนดค่าเส้นทางแบบขี้เกียจ

ตั้งค่าการโหลดแบบขี้เกียจในโมดูลการกำหนดเส้นทางของคุณ:

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

การทดสอบการโหลดแบบขี้เกียจ

ใช้เครื่องมือสำหรับนักพัฒนาเพื่อตรวจสอบว่าโมดูลจะโหลดเมื่อเส้นทางถูกเรียกใช้งานเท่านั้น คุณจะเห็นไฟล์ JS ใหม่ถูกโหลดแบบไดนามิก

กลยุทธ์การโหลดล่วงหน้า

Angular อนุญาตให้โหลดโมดูลที่โหลดแบบขี้เกียจล่วงหน้า เพื่อเพิ่มความเร็วในการนำทางให้ดียิ่งขึ้น กลยุทธ์ที่ใช้บ่อยมีดังนี้:

• ไม่โหลดล่วงหน้า (ค่าเริ่มต้น)
• โหลดทุกโมดูลล่วงหน้า

แนวทางปฏิบัติที่ดีสำหรับการโหลดแบบขี้เกียจ

ใช้การโหลดแบบขี้เกียจกับโมดูลที่ยังไม่จำเป็นต้องใช้ทันทีเมื่อแอปพลิเคชันเริ่มทำงาน เช่น แดชบอร์ดผู้ดูแลระบบหรือหน้าการตั้งค่า

สรุป

คุณเรียนรู้วิธีใช้การโหลดแบบขี้เกียจเพื่อเพิ่มประสิทธิภาพของแอปพลิเคชัน Angular สำเร็จแล้ว ทำได้ดีมากครับ/ค่ะ!