लेज़ी लोडिंग मॉड्यूल
लेज़ी-लोडेड मॉड्यूल से ऐप का प्रदर्शन बेहतर करें।
लेज़ी लोडिंग मॉड्यूल, CoddyKit पर Angular Academy का एक निःशुल्क पाठ है। यह 3 में से 3वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह Angular Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। Angular Academy पाठ्यक्रम में कुल 3 पाठ शामिल हैं।
आवश्यकता पर मॉड्यूल लोड करना
आवश्यकतानुसार मॉड्यूल लोड करना
आवश्यकता होने पर ही मॉड्यूल लोड करने से प्रदर्शन बेहतर होता है। आइए एंगुलर की इस महत्वपूर्ण सुविधा को समझें।
लेज़ी लोडिंग क्या है?
लेज़ी लोडिंग का अर्थ है कि ऐप शुरू होते समय सभी मॉड्यूल लोड करने के बजाय, उपयोगकर्ता के किसी विशेष रूट पर जाने पर मॉड्यूल को असमकालिक रूप से लोड किया जाए।
लेज़ी लोडिंग का उपयोग क्यों करें?
- आरंभिक लोडिंग समय कम करता है
- प्रदर्शन बेहतर करता है
- संसाधनों के उपयोग को अनुकूलित करता है
लेज़ी लोडेड मॉड्यूल बनाना
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 एप्लिकेशन के प्रदर्शन को बेहतर बनाने के लिए लेज़ी लोडिंग लागू करना सफलतापूर्वक सीख लिया है। बहुत बढ़िया!
एआई शिक्षक के साथ HTML सीखें — निःशुल्क
अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।
- पाठ्यक्रम
- 38
- पाठ
- 144
अक्सर पूछे जाने वाले प्रश्न
क्या “लेज़ी लोडिंग मॉड्यूल” पाठ निःशुल्क है?
हाँ — Angular Academy अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “लेज़ी लोडिंग मॉड्यूल” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। Angular Academy पाठ्यक्रम में कुल 3 पाठ शामिल हैं।
“लेज़ी लोडिंग मॉड्यूल” में मैं क्या सीखूँगा?
लेज़ी-लोडेड मॉड्यूल से ऐप का प्रदर्शन बेहतर करें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ Angular Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।
क्या Angular Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?
पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर Angular Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 3 में से 3वाँ पाठ है।
“लेज़ी लोडिंग मॉड्यूल” पाठ पूरा करने में कितना समय लगता है?
CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।
क्या मैं इस Angular Academy पाठ में कोड लिख और चला सकता हूँ?
हाँ। हर Angular Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।
इस पाठ्यक्रम के सभी पाठ
- रूट कॉन्फ़िगर करना
- रूट गार्ड
- लेज़ी लोडिंग मॉड्यूल