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

कैशिंग रणनीतियाँ

विलंबता कम करने के लिए Cloudflare के CDN और Workers Cache API का उपयोग करके प्रभावी कैशिंग तंत्र लागू करें

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

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

कैशिंग क्या है

मान लीजिए आपको एक किताब लेनी है। यदि वह आपकी मेज़ पर है, तो काम बहुत तेज़ी से हो जाएगा! यदि वह स्थानीय पुस्तकालय में है, तो भी जल्दी मिल जाएगी। लेकिन यदि आपको उसे किसी दूर स्थित गोदाम से मँगाना पड़े, तो अधिक समय लगेगा।

कैशिंग भी इसी तरह काम करती है। यह अक्सर उपयोग किए जाने वाले डेटा की प्रतियाँ उस स्थान के पास रखने की प्रक्रिया है जहाँ उनकी आवश्यकता होती है, जिससे भविष्य के अनुरोध तेज़ हो जाते हैं।

एज पर कैश क्यों करें

एज कंप्यूटिंग में 'पास' का अर्थ नेटवर्क के एज पर, आपके उपयोगकर्ताओं के निकट होता है। एज पर कैशिंग करने के कई प्रमुख लाभ हैं:

कम विलंबता: सामग्री उपयोगकर्ताओं तक तेज़ी से पहुँचती है।
उत्पत्ति सर्वर पर कम भार: आपके मुख्य सर्वर कम अनुरोध संभालते हैं।
बेहतर उपयोगकर्ता अनुभव: वेबसाइट और एप्लिकेशन अधिक तेज़ महसूस होते हैं।

Cloudflare CDN कैशिंग

Cloudflare का Content Delivery Network (CDN) कैशिंग के लिए आपकी पहली सुरक्षा पंक्ति है। यह स्थिर संसाधनों (जैसे चित्र, CSS फ़ाइलें और JavaScript बंडल) को वैश्विक एज स्थानों के अपने नेटवर्क में अपने-आप संग्रहीत करता है।

जब कोई उपयोगकर्ता इनमें से किसी संसाधन का अनुरोध करता है, तो Cloudflare उसे आपके उत्पत्ति सर्वर से नहीं, बल्कि निकटतम एज सर्वर से उपलब्ध कराता है।

HTTP Cache-Control हेडर

आप HTTP Cache-Control हेडर का उपयोग करके CDN और ब्राउज़र को बता सकते हैं कि आपकी सामग्री को कैसे कैश करना है। ये हेडर आपके सर्वर के उत्तर के साथ भेजे जाते हैं।

max-age=X: संसाधन X सेकंड तक ताज़ा रहता है।
s-maxage=Y: विशेष रूप से साझा कैश (CDN) के लिए है और max-age को अधिलेखित करता है।
no-cache: कैश की गई सामग्री उपलब्ध कराने से पहले उत्पत्ति सर्वर से पुनः सत्यापन करना आवश्यक है।
no-store: इस सामग्री को कभी कैश न करें।

Workers Cache API का परिचय

Cloudflare का CDN स्थिर संसाधनों को संभालता है, लेकिन डायनेमिक सामग्री या API उत्तरों का क्या? यहीं Cloudflare Workers Cache API काम आती है।

यह शक्तिशाली API आपके Worker को Cloudflare के वैश्विक कैश में किसी भी HTTP Response ऑब्जेक्ट को प्रोग्राम के माध्यम से संग्रहीत और प्राप्त करने देती है, जिससे आपको सूक्ष्म स्तर पर नियंत्रण मिलता है।

मूल Cache API प्रवाह

Workers Cache API एक सरल कुंजी-मान पैटर्न का उपयोग करती है:

कुंजी: एक HTTP Request ऑब्जेक्ट (या URL स्ट्रिंग)।
मान: एक HTTP Response ऑब्जेक्ट।

संग्रहीत करने के लिए आप cache.put(request, response) और प्राप्त करने के लिए cache.match(request) का उपयोग करते हैं।

cache.put() से संग्रहीत करना

आइए ऐसा Worker लिखें जो किसी संसाधन को उत्पत्ति सर्वर से प्राप्त करे और फिर cache.put() का उपयोग करके उसके उत्तर की एक प्रति कैश में संग्रहीत करे। इससे वह भविष्य के अनुरोधों के लिए उपलब्ध हो जाएगा।

addEventListener('fetch', event => {
  event.respondWith(handleRequest(event));
});

async function handleRequest(event) {
  const request = event.request;
  const cacheKey = new Request(request.url, request); // Key for cache
  const cache = caches.default; // Get default cache storage

  // Fetch from the origin server
  const response = await fetch(request);

  // Store a clone of the response in cache
  // event.waitUntil ensures caching happens in background
  event.waitUntil(cache.put(cacheKey, response.clone()));

  return response; // Return the original response
}

cache.match() से प्राप्त करना

अब Worker में बदलाव करें ताकि वह पहले cache.match() का उपयोग करके जाँच करे कि अनुरोधित संसाधन कैश में है या नहीं। यदि मिल जाए, तो हम तुरंत कैश किया हुआ संस्करण लौटा देंगे। अन्यथा, हम उसे उत्पत्ति सर्वर से प्राप्त करके कैश में रखेंगे।

addEventListener('fetch', event => {
  event.respondWith(handleRequest(event));
});

async function handleRequest(event) {
  const request = event.request;
  const cacheKey = new Request(request.url, request);
  const cache = caches.default;

  // Try to find the response in cache
  let response = await cache.match(cacheKey);

  if (response) {
    // Cache hit! Return cached response
    return response;
  }

  // Cache miss. Fetch from origin
  response = await fetch(request);

  // Store the new response in cache for next time
  event.waitUntil(cache.put(cacheKey, response.clone()));

  return response;
}

कैश अमान्यकरण और सर्वोत्तम अभ्यास

प्रभावी कैशिंग के लिए पुराने डेटा का प्रबंधन करना आवश्यक है। यहाँ कुछ सुझाव दिए गए हैं:

शुद्धिकरण: विशिष्ट URL को अमान्य करने के लिए Cloudflare डैशबोर्ड या API का उपयोग करें।
Vary हेडर: अनुरोध हेडर के आधार पर अलग-अलग संस्करण कैश करने के लिए Vary HTTP हेडर (जैसे Vary: Accept-Encoding) का उपयोग करें।
समय-आधारित समाप्ति: कैश की गई वस्तुओं को अपने-आप समाप्त करने के लिए उपयुक्त Cache-Control हेडर या cache.put() में विकल्प सेट करें।

अपने ज्ञान की जाँच करें

Cloudflare Workers Cache API आपको प्रोग्राम के माध्यम से कैशिंग नियंत्रित करने देती है। किसी उत्तर को कैश में संग्रहीत करने के लिए किस विधि का उपयोग किया जाता है?

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

पुनरावलोकन: कैशिंग रणनीतियाँ

इस पाठ में हमने एज पर प्रदर्शन बेहतर बनाने के लिए शक्तिशाली कैशिंग रणनीतियों का अध्ययन किया:

Cloudflare का CDN स्थिर संसाधनों को अपने-आप कैश करता है।
HTTP Cache-Control हेडर आपको कैशिंग व्यवहार निर्धारित करने देते हैं।
Workers Cache API डायनेमिक सामग्री की कैशिंग पर प्रोग्राम के माध्यम से नियंत्रण देती है।
नए डेटा के लिए उचित कैश अमान्यकरण और प्रबंधन अत्यंत महत्वपूर्ण हैं।

तेज़ और कुशल एज एप्लिकेशन बनाने के लिए कैशिंग में दक्षता प्राप्त करना महत्वपूर्ण है!

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

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

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

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

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

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

क्या “कैशिंग रणनीतियाँ” पाठ निःशुल्क है?

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

“कैशिंग रणनीतियाँ” में मैं क्या सीखूँगा?

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

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

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

“कैशिंग रणनीतियाँ” पाठ पूरा करने में कितना समय लगता है?

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

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

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

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

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