Cloudflare Workers और Deno के साथ एज कंप्यूटिंग · पाठ

बंडल आकार और कोड अनुकूलन

Worker के बंडल का आकार और CPU उपयोग घटाएँ, ताकि आपका एज कोड तेज़ी से लोड हो और निर्धारित सीमाओं के भीतर चले

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

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

Bundle size क्यों महत्वपूर्ण है

Workers पर script size limit होती है (free plan पर compressed 1 MB, paid plan पर अधिक)।

छोटे bundles का अर्थ है:

तेज़ parse और startup
कम memory footprint
cold-start का कम प्रभाव

अपने code को optimize करना एज पर performance का सीधा लाभ देता है।

Optimize करने से पहले मापें

Wrangler हर build पर आपके bundle size की report देता है। हमेशा पहले मापें।

wrangler deploy --dry-run
# Total Upload: 142.18 KiB / gzip: 38.94 KiB

Tree shaking

ES module import/export का उपयोग करें, ताकि bundler अप्रयुक्त code को tree-shake कर सके।

केवल वही import करें जिसकी आवश्यकता है; एक function पर्याप्त होने पर पूरी library कभी import न करें।

// Good: only pulls debounce
import debounce from 'lodash-es/debounce';

// Bad: pulls all of lodash
import _ from 'lodash';

हल्की dependencies को प्राथमिकता दें

भारी npm packages bundles को तेज़ी से बड़ा कर देते हैं। छोटी, edge-friendly libraries को प्राथमिकता दें।

Polyfills के बजाय platform के URL, crypto.subtle और fetch का उपयोग करें
moment.js की जगह किसी छोटे date helper का उपयोग करें
Bundle analyzer से audit करें

Web Standard APIs का उपयोग करें

Workers और Deno कई Web Platform APIs मूल रूप से उपलब्ध कराते हैं, इसलिए आपको polyfills bundle करने से बचने में मदद मिलती है।

// Native crypto, no dependency needed
const hash = await crypto.subtle.digest(
  'SHA-256',
  new TextEncoder().encode('hello')
);

Minification

Wrangler production builds को default रूप से minify करता है, लेकिन पुष्टि कर लें कि यह enabled है।

[build]
minify = true

CPU समय घटाएँ

Workers का billing और limit wall-clock के बजाय CPU time के आधार पर होता है। hot paths को optimize करें:

बहुत बड़ी arrays पर synchronous loops से बचें
Computed results को KV या memory में cache करें
बड़े responses को buffer करने के बजाय stream करें

Buffer करने के बजाय stream करें

Streaming data को बनते ही भेजती है, जिससे memory कम और CPU usage स्थिर रहता है।

const { readable, writable } = new TransformStream();
response.body.pipeTo(writable);
return new Response(readable, response);

कम उपयोग होने वाले code को lazy-load करें

Dynamic import() ऐसे code paths को लोड होने से टाल सकता है जिनकी हमेशा आवश्यकता नहीं होती, जिससे initial module हल्का रहता है।

if (needsHeavyFeature) {
  const { process } = await import('./heavy.js');
  process();
}

अपने bundle का विश्लेषण करें

यह देखने के लिए analyzer का उपयोग करें कि कौन-सी dependencies सबसे अधिक स्थान लेती हैं। Wrangler जिस esbuild का उपयोग करता है, वह metafile बना सकता है।

esbuild src/index.ts --bundle --metafile=meta.json
# upload meta.json to esbuild.github.io/analyze

सर्वोत्तम अभ्यासों का सारांश

एज code को तेज़ और छोटा रखने के लिए:

हर deploy पर bundle size मापें
Tree-shake करें और सीमित रूप से import करें
Polyfills के बजाय native Web APIs को प्राथमिकता दें
Minify, stream और lazy-load करें
Hot paths में CPU time घटाएँ

त्वरित जाँच

कौन-सी technique bundler को अप्रयुक्त library code हटाने की सबसे सीधी सुविधा देती है?

इंटरैक्टिव पाठ में इसका उत्तर दें

पुनरावलोकन

आपने size और speed दोनों को optimize किया:

पहले मापें, फिर tree-shake और minify करें
Native Web APIs और lightweight dependencies का उपयोग करें
Memory और CPU घटाने के लिए stream और lazy-load करें
समस्या पैदा करने वाली dependencies खोजने के लिए bundle का विश्लेषण करें

Lean Workers तेज़ी से शुरू होते हैं और कम खर्च करते हैं; एज पर हर kilobyte महत्वपूर्ण है।

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

एआई शिक्षक के साथ Cloudflare Workers और Deno के साथ एज कंप्यूटिंग सीखें — निःशुल्क

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

पाठ्यक्रम: 12
पाठ: 47

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

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

क्या “बंडल आकार और कोड अनुकूलन” पाठ निःशुल्क है?

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

“बंडल आकार और कोड अनुकूलन” में मैं क्या सीखूँगा?

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

क्या Cloudflare Workers और Deno के साथ एज कंप्यूटिंग शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

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

“बंडल आकार और कोड अनुकूलन” पाठ पूरा करने में कितना समय लगता है?

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

क्या मैं इस Cloudflare Workers और Deno के साथ एज कंप्यूटिंग पाठ में कोड लिख और चला सकता हूँ?

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

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

← Cloudflare Workers और Deno के साथ एज कंप्यूटिंग पर वापस जाएँ