التحميل الكسول للوحدات

يحسّن التحميل الكسول الأداء من خلال تحميل الوحدات عند الحاجة فقط. لنستكشف هذه الميزة المهمة في Angular.

ما التحميل الكسول؟

التحميل الكسول هو تحميل الوحدات بشكل غير متزامن عندما ينتقل المستخدم إلى مسار معيّن، بدلًا من تحميل جميع الوحدات عند بدء تشغيل التطبيق.

لماذا نستخدم التحميل الكسول؟

• يقلّل وقت التحميل الأولي
• يحسّن الأداء
• يحسّن استخدام الموارد

إنشاء وحدة محمّلة كسولًا

أنشئ وحدة ميزات لتحميلها كسولًا باستخدام Angular CLI:

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

تهيئة المسارات الكسولة

أعدّ التحميل الكسول في وحدة التوجيه لديك:

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

اختبار التحميل الكسول

استخدم أدوات المطوّر للتأكد من تحميل الوحدات فقط عند تنشيط المسارات. ستلاحظ تحميل ملفات JavaScript جديدة بشكل ديناميكي.

استراتيجيات التحميل المسبق

يتيح Angular التحميل المسبق للوحدات المحمّلة كسولًا لتحسين سرعة التنقل أكثر. ومن الاستراتيجيات الشائعة:

• عدم التحميل المسبق (افتراضيًا)
• تحميل جميع الوحدات مسبقًا

أفضل ممارسات التحميل الكسول

استخدم التحميل الكسول للوحدات التي لا تحتاج إليها فورًا عند بدء تشغيل التطبيق، مثل لوحات تحكم المسؤول أو صفحات الإعدادات.

الملخص

لقد تعلمتم بنجاح كيفية تنفيذ التحميل الكسول لتحسين أداء تطبيق Angular الخاص بكم. أحسنتم!