یک روش برای بهینهسازی بارگذاری ماژولها و کامپوننتها در فریمورک انگولار، Lazy Loading است. با استفاده از این روش ماژولها و کامپوننتها فقط در هنگام نیاز بارگذاری میشوند، به جای اینکه همه چیز را در زمان بارگذاری اولیه بارگذاری کنند. این باعث کاهش زمان بارگذاری اولیه و مصرف منابع شده و تجربه کاربری بهتری را ایجاد میکند. زمانی که تعداد ماژولها زیاد و سرعت اینترنت پایین هست دیر لود شدن اپلیکیشن شما تجربهی کاربری خوبی را به کاربران شما ارایه نمیدهد.
پیادهسازی Lazy Loading در انگولار
۲. استفاده از 'loadchildren' در تعریف مسیر برای ماژولهای ایجاد شده
۳. پیادهسازی کامپوننتها در ماژولهای مختلف: برای هر ماژول کامپوننتهای مربوط به آن ماژول را ایجاد میکنیم
۴. استفاده از دایرکتیو <router-outlet></router-outlet> در app کامپوننت
دایرکتیو router-outlet محلی است که قالب کامپوننت فعالسازی شده، نمایش داده میشود.
در این لینک میتوانید مثال کوچکی از lazy load ماژول را مشاهده کنید.