SwiftUI Academy · पाठ

भारी सामग्री का lazy loading

महँगे काम को उसके दिखाई देने तक टालिए।

पाठ 3, कुल 4 में से13 चरण

भारी सामग्री का lazy loading, CoddyKit पर SwiftUI Academy का एक निःशुल्क पाठ है। यह 4 में से 3वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह SwiftUI Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। SwiftUI Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

केवल दिखाई देने वाली चीज़ें बनाएँ

स्क्रीन से बाहर की हज़ार rows को रेंडर करना व्यर्थ है। Lazy कंटेनर views को केवल तब बनाते हैं जब वे दिखाई देने लगते हैं, जिससे बहुत-सा काम बचता है।

Eager बनाम Lazy Stacks

साधारण VStack हर child को पहले ही बना देता है। कई items वाले ScrollView में इसकी शुरुआती लागत स्क्रीन को रोक सकती है।

LazyVStack का उपयोग करें

ScrollView के भीतर LazyVStack लगाएँ। यह हर row को तब तक बनाना टालता है जब तक वह स्क्रीन पर दिखाई देने वाली न हो।

ScrollView {
    LazyVStack {
        ForEach(items) { RowView(item: $0) }
    }
}

List भी Lazy है

List rows को अपने-आप दोबारा उपयोग करती है, कुछ-कुछ lazy stack की तरह। लंबे और सरल feeds के लिए यह अक्सर सबसे आसान तेज़ विकल्प है।

Cards के लिए Lazy Grids

Galleries के लिए LazyVGrid का उपयोग करें। यह cards को columns में व्यवस्थित करता है और केवल viewport में मौजूद cells बनाता है।

LazyVGrid(columns: cols) {
    ForEach(photos) { Thumb(photo: $0) }
}

Images को Asynchronously Load करें

भारी images को main thread को रोकना नहीं चाहिए। AsyncImage उन्हें स्क्रीन से अलग fetch और decode करता है और तैयार होने तक placeholder दिखाता है।

AsyncImage(url: photo.url) { img in
    img.resizable()
} placeholder: { ProgressView() }

बड़ी Images को Downsample करें

छोटे cell में full-resolution photo memory की बर्बादी है। प्रदर्शित आकार के अनुसार Downsample करें, ताकि scrolling सहज बनी रहे।

महँगा काम टालें

भारी values की गणना सभी rows के लिए एक साथ न करें। जब कोई row पहली बार दिखाई दे, तभी करें। onAppear hook आपको यह काम सही समय पर शुरू करने देता है।

RowView(item: item)
    .onAppear { item.prefetch() }

लंबे डेटा को Paginate करें

एक साथ दस हज़ार records load न करें। Paginate करें: user के सूची के निचले हिस्से के पास पहुँचने पर अगला page fetch करें।

Lazy का एक Trade-off है

Lazy views स्क्रीन से बाहर के content को भूल जाते हैं, इसलिए वापस scroll करने पर उसे फिर बनाना पड़ता है। Smooth अनुभव के लिए हर cell का body हल्का रखें।

तकनीकों को मिलाएँ

वास्तविक apps में lazy containers, async images और pagination को साथ इस्तेमाल करने से memory कम रहती है और frames स्थिर रहते हैं।

त्वरित जाँच

लंबी scrolling में VStack की तुलना में LazyVStack का मुख्य लाभ क्या है?

पुनरावलोकन: Lazy Loading

आपने भारी content को बिना रुकावट scroll कराने के लिए lazy containers से काम टालना, images को asynchronously load करना और data को paginate करना सीखा। 🚀

शुरुआत निःशुल्क

एआई शिक्षक के साथ Swift सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम
30
पाठ
120

अक्सर पूछे जाने वाले प्रश्न

क्या “भारी सामग्री का lazy loading” पाठ निःशुल्क है?

हाँ—“भारी सामग्री का lazy loading” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और SwiftUI Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। SwiftUI Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“भारी सामग्री का lazy loading” में मैं क्या सीखूँगा?

महँगे काम को उसके दिखाई देने तक टालिए। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ SwiftUI Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या SwiftUI Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर SwiftUI Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 3वाँ पाठ है।

“भारी सामग्री का lazy loading” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस SwiftUI Academy पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर SwiftUI Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

  1. SwiftUI Views को दोबारा कैसे गणना करता है
  2. अनावश्यक redraws से बचना
  3. भारी सामग्री का lazy loading
  4. Instruments के साथ profiling
← SwiftUI Academy पर वापस जाएँ