زهرا رضائی
زهرا رضائی
خواندن ۱ دقیقه·۱ سال پیش

مفهوم Lazy Loading در انگولار


یک روش برای بهینه‌سازی بارگذاری ماژول‌ها و کامپوننت‌ها در فریمورک انگولار، Lazy Loading است. با استفاده از این روش ماژول‌ها و کامپوننت‌‌ها فقط در هنگام نیاز بارگذاری می‌شوند، به جای این‌که همه چیز را در زمان بارگذاری اولیه بارگذاری کنند. این باعث کاهش زمان بارگذاری اولیه و مصرف منابع شده و تجربه کاربری بهتری را ایجاد می‌کند. زمانی که تعداد ماژول‌ها زیاد و سرعت اینترنت پایین هست دیر لود شدن اپلیکیشن شما تجربه‌ی کاربری خوبی را به کاربران شما ارایه نمی‌دهد.

پیاده‌سازی Lazy Loading در انگولار

  1. ایجاد ماژول‌های مختلف: برای هر بخش از برنامه یک ماژول جداگانه ایجاد می‌کنیم

۲. استفاده از 'loadchildren' در تعریف مسیر برای ماژول‌های ایجاد شده


۳. پیاده‌سازی کامپوننت‌ها در ماژول‌های مختلف: برای هر ماژول کامپوننت‌های مربوط به آن ماژول را ایجاد می‌کنیم


۴. استفاده از دایرکتیو <router-outlet></router-outlet> در app کامپوننت


دایرکتیو router-outlet محلی است که قالب کامپوننت فعال‌سازی شده، نمایش داده می‌شود.

در این لینک می‌توانید مثال کوچکی از lazy load ماژول را مشاهده کنید.


lazy loadingangular
شاید از این پست‌ها خوشتان بیاید