डेटा सेव करने की सुविधा का इस्तेमाल करके, तेज़ और कम डेटा वाले ऐप्लिकेशन डिलीवर करना

Dave Gash

Ilya Grigorik

Jeremy Wagner

Chrome, Opera, और Yandex ब्राउज़र में उपलब्ध Save-Data क्लाइंट हिंट अनुरोध वाला हेडर, डेवलपर को अपने ब्राउज़र में डेटा सेव करने वाले मोड के लिए ऑप्ट-इन करने वाले उपयोगकर्ताओं को, कम साइज़ और तेज़ी से काम करने वाले ऐप्लिकेशन डिलीवर करने की सुविधा देता है.

लाइटवेट पेजों की ज़रूरत

सभी इस बात से सहमत हैं कि तेज़ और हल्के वेब पेज, उपयोगकर्ता को बेहतर अनुभव देते हैं. साथ ही, इनसे कॉन्टेंट को बेहतर तरीके से समझने और उसे याद रखने में मदद मिलती है. साथ ही, इनसे कन्वर्ज़न और आय में बढ़ोतरी होती है. Google रिसर्च से पता चला है कि "...ऑप्टिमाइज़ किए गए पेज, मूल पेज की तुलना में चार गुना तेज़ी से लोड होते हैं और 80% कम बाइट इस्तेमाल करते हैं. ये पेज बहुत तेज़ी से लोड होते हैं, इसलिए इन पर आने वाले ट्रैफ़िक में 50% की बढ़त भी देखने को मिली."

हालांकि, 2G कनेक्शन की संख्या आखिरकार कम हो रही है, फिर भी 2015 में 2G अब भी नेटवर्क की मुख्य टेक्नोलॉजी थी. 3G और 4G नेटवर्क की पहुंच और उपलब्धता तेज़ी से बढ़ रही है. हालांकि, करोड़ों उपयोगकर्ताओं के लिए, नेटवर्क के मालिकाना हक की लागत और नेटवर्क से जुड़ी समस्याएं अब भी एक अहम फ़ैक्टर हैं.

ये पेज ऑप्टिमाइज़ेशन के लिए ज़रूरी बातें हैं.

डेवलपर के सीधे तौर पर शामिल हुए बिना भी, साइट की स्पीड को बेहतर बनाने के अन्य तरीके हैं. जैसे, प्रॉक्सी ब्राउज़र और ट्रांसकोडिंग सेवाएं. हालांकि, ऐसी सेवाएं काफ़ी लोकप्रिय हैं, लेकिन इनमें कई समस्याएं होती हैं. जैसे, इमेज और टेक्स्ट को आसानी से (और कभी-कभी अस्वीकार किए जाने वाले तरीके से) कंप्रेस करना, सुरक्षित (एचटीटीपीएस) पेजों को प्रोसेस न कर पाना, सिर्फ़ खोज के नतीजे से देखे गए पेजों को ऑप्टिमाइज़ करना वगैरह. इन सेवाओं की लोकप्रियता से पता चलता है कि वेब डेवलपर, तेज़ और हल्के ऐप्लिकेशन और पेजों की ज़्यादा मांग को ठीक से पूरा नहीं कर रहे हैं. हालांकि, इस लक्ष्य तक पहुंचना मुश्किल और कभी-कभी मुश्किल होता है.

Save-Data अनुरोध का हेडर

एक आसान तरीका यह है कि Save-Data अनुरोध हेडर का इस्तेमाल करके, ब्राउज़र को मदद दी जा सकती है. इस हेडर की पहचान करके, वेब पेज को ज़रूरत के मुताबिक बनाया जा सकता है. साथ ही, इससे लागत और सीमित परफ़ॉर्मेंस देखने वाले उपयोगकर्ताओं को ऑप्टिमाइज़ किया गया उपयोगकर्ता अनुभव दिया जा सकता है.

यहां दिए गए ब्राउज़र में, उपयोगकर्ता *डेटा बचाने वाले मोड को चालू कर सकता है. इससे ब्राउज़र को ऑप्टिमाइज़ेशन का एक सेट लागू करने की अनुमति मिलती है, ताकि पेज को रेंडर करने के लिए ज़रूरी डेटा की मात्रा कम की जा सके. जब इस सुविधा को दिखाया जाता है या इसका विज्ञापन किया जाता है, तो ब्राउज़र कम रिज़ॉल्यूशन वाली इमेज का अनुरोध कर सकता है. इसके अलावा, कुछ रिसॉर्स को लोड करने में देरी कर सकता है या अनुरोधों को ऐसी सेवा के ज़रिए भेज सकता है जो कॉन्टेंट के हिसाब से अन्य ऑप्टिमाइज़ेशन लागू करती है. जैसे, इमेज और टेक्स्ट रिसॉर्स को कंप्रेस करना.

ब्राउज़र समर्थन

• Chrome 49 और उसके बाद के वर्शन में, Save-Data का विज्ञापन तब दिखाया जाता है, जब उपयोगकर्ता मोबाइल पर "डेटा बचाने की सेटिंग" का विकल्प या डेस्कटॉप ब्राउज़र पर "डेटा बचाने की सेटिंग" एक्सटेंशन को चालू करता है.
• जब उपयोगकर्ता डेस्कटॉप पर "Opera Turbo" मोड या Android ब्राउज़र पर "डेटा बचत" विकल्प चालू करता है, तो Opera 35 और उसके बाद के वर्शन में Save-Data का विज्ञापन दिखता है.
• Yandex 16.2 और इसके बाद के वर्शन में, Save-Data का विज्ञापन तब दिखाया जाता है, जब डेस्कटॉप या मोबाइल ब्राउज़र पर टर्बो मोड चालू हो.

Save-Data सेटिंग का पता लगाया जा रहा है

अपने उपयोगकर्ताओं को "लाइट" वर्शन कब डिलीवर करना है, यह तय करने के लिए आपका ऐप्लिकेशन, Save-Data क्लाइंट हिंट रिक्वेस्ट हेडर की जांच कर सकता है. इस अनुरोध के हेडर से पता चलता है कि ट्रांसफ़र की ज़्यादा कीमत, इंटरनेट की धीमी स्पीड या अन्य वजहों से, उपयोगकर्ता कम डेटा खर्च करना चाहता है.

जब उपयोगकर्ता अपने ब्राउज़र में डेटा सेव करने का मोड चालू करता है, तो ब्राउज़र, बाहर भेजे जाने वाले सभी अनुरोधों (एचटीटीपी और एचटीटीपीएस, दोनों) में Save-Data अनुरोध हेडर जोड़ देता है. फ़िलहाल, ब्राउज़र हेडर (Save-Data: on) में सिर्फ़ एक *चालू है- टोकन का विज्ञापन दिखाता है. हालांकि, आने वाले समय में उपयोगकर्ता की अन्य प्राथमिकताओं के बारे में बताने के लिए, इसकी संख्या बढ़ाई जा सकती है.

इसके अलावा, यह पता लगाया जा सकता है कि JavaScript में Save-Data चालू है या नहीं:

if ('connection' in navigator) {
  if (navigator.connection.saveData === true) {
    // Implement data saving operations here.
  }
}

navigator ऑब्जेक्ट में connection ऑब्जेक्ट की मौजूदगी का पता लगाना ज़रूरी है, क्योंकि यह Network Information API को दिखाता है, जिसे सिर्फ़ Chrome, Android के लिए Chrome, और Samsung के इंटरनेट ब्राउज़र में लागू किया जाता है. इसके बाद, आपको सिर्फ़ यह देखना होगा कि navigator.connection.saveData, true के बराबर है या नहीं. साथ ही, उस स्थिति में डेटा सेव करने के किसी भी ऑपरेशन को लागू किया जा सकता है.

अगर आपका ऐप्लिकेशन सेवा वर्कअर का इस्तेमाल करता है, तो वह अनुरोध हेडर की जांच कर सकता है और अनुभव को ऑप्टिमाइज़ करने के लिए काम का लॉजिक लागू कर सकता है. इसके अलावा, सर्वर Save-Data अनुरोध हेडर में विज्ञापन की गई प्राथमिकताओं को खोज सकता है और कोई दूसरा जवाब दे सकता है — अलग मार्कअप, छोटी इमेज और वीडियो वगैरह.

लागू करने के लिए सलाह और सबसे सही तरीके

1. Save-Data का इस्तेमाल करते समय, ऐसे यूज़र इंटरफ़ेस (यूआई) डिवाइस उपलब्ध कराएं जिन पर यह सुविधा काम करती हो. साथ ही, उपयोगकर्ताओं को एक से दूसरे अनुभव पर आसानी से स्विच करने की अनुमति दें. उदाहरण के लिए:
   • उपयोगकर्ताओं को बताएं कि Save-Data काम करता है और उन्हें इसका इस्तेमाल करने के लिए बढ़ावा दें.
   • उपयोगकर्ताओं को सही प्रॉम्प्ट और आसानी से इस्तेमाल किए जा सकने वाले चालू/बंद बटन या चेकबॉक्स की मदद से, मोड की पहचान करने और उसे चुनने की अनुमति दें.
   • डेटा बचाने वाला मोड चुनने पर, एलान करें और उसे बंद करने का आसान और आसान तरीका बताएं. अगर आप चाहें, तो सभी सुविधाएं वापस चालू कर दें.
2. ध्यान रखें कि कम साइज़ के ऐप्लिकेशन, कम सुविधा वाले ऐप्लिकेशन नहीं होते. ये अहम फ़ंक्शन या डेटा को शामिल नहीं करते, बल्कि वे सिर्फ़ लागत और उपयोगकर्ता अनुभव के बारे में ज़्यादा जानते हैं. उदाहरण के लिए:
   • फ़ोटो गैलरी ऐप्लिकेशन, कम रिज़ॉल्यूशन वाली झलक दिखा सकता है या कम कोड वाले कैरसेल का इस्तेमाल कर सकता है.
   • सर्च ऐप्लिकेशन एक बार में कम नतीजे दिखा सकता है, बहुत ज़्यादा मीडिया वाले नतीजे सीमित कर सकता है या पेज को रेंडर करने के लिए ज़रूरी निर्भरता को कम कर सकता है.
   • ऐसा हो सकता है कि खबरों वाली साइट कम खबरें दिखाए, कम लोकप्रिय कैटगरी को छोड़ दें या मीडिया की छोटे झलक उपलब्ध कराएं.
3. Save-Data अनुरोध के हेडर की जांच करने के लिए, सर्वर लॉजिक दें.इसके चालू होने पर, पेज का कोई दूसरा और हल्का रिस्पॉन्स दें. उदाहरण के लिए, ज़रूरी रिसॉर्स और डिपेंडेंसी की संख्या कम करना, रिसॉर्स को ज़्यादा सटीक और कम समय में कंप्रेस करना वगैरह.
   • अगर Save-Data हेडर के आधार पर कोई दूसरा रिस्पॉन्स दिखाया जा रहा है, तो उसे Vary सूची — Vary: Save-Data — में जोड़ना न भूलें. इससे अपस्ट्रीम कैश मेमोरी को यह पता चलता है कि उन्हें सिर्फ़ तब कैश मेमोरी में सेव करना है और यह वर्शन दिखाना है, जब Save-Data अनुरोध हेडर मौजूद हो. ज़्यादा जानकारी के लिए, कैश मेमोरी के साथ इंटरैक्शन के सबसे सही तरीके देखें.
4. अगर आपने सेवा वर्कर का इस्तेमाल किया है, तो आपका ऐप्लिकेशन यह पता लगा सकता है कि डेटा सेव करने का विकल्प कब चालू है. इसके लिए, वह Save-Data अनुरोध हेडर की मौजूदगी की जांच करता है या navigator.connection.saveData प्रॉपर्टी की वैल्यू की जांच करता है. अगर यह विकल्प चालू है, तो देखें कि क्या कम बाइट फ़ेच करने के लिए अनुरोध को फिर से लिखा जा सकता है या पहले से फ़ेच किए गए रिस्पॉन्स का इस्तेमाल किया जा सकता है.
5. Save-Data को दूसरे सिग्नल के साथ जोड़ें. जैसे, उपयोगकर्ता के कनेक्शन टाइप और टेक्नोलॉजी के बारे में जानकारी (NetInfo API देखें). उदाहरण के लिए, हो सकता है कि आप 2G कनेक्शन का इस्तेमाल करने वाले किसी भी उपयोगकर्ता को हल्का अनुभव देना चाहें, भले ही Save-Data चालू न हो. इसके उलट, अगर उपयोगकर्ता के पास "तेज़" 4G इंटरनेट कनेक्शन है, तो इसका मतलब यह नहीं है कि उसे डेटा सेव करने में दिलचस्पी नहीं है. उदाहरण के लिए, रोमिंग के दौरान. इसके अलावा, Device-Memory क्लाइंट हिंट की मदद से Save-Data की मौजूदगी को बेहतर बनाया जा सकता है, ताकि सीमित मेमोरी वाले डिवाइसों पर उपयोगकर्ताओं के हिसाब से इसे और बेहतर बनाया जा सके. उपयोगकर्ता के डिवाइस की मेमोरी के बारे में जानकारी, navigator.deviceMemory क्लाइंट हिंट में भी दी जाती है.

रेसिपी

Save-Data की मदद से, सिर्फ़ वही किया जा सकता है जो आपके दिमाग में आता है. इस बारे में आपको बेहतर तरीके से बताने के लिए, आइए कुछ उदाहरणों पर नज़र डालें. इस लेख को पढ़ते समय, आपको इस्तेमाल के अन्य उदाहरण मिल सकते हैं. इसलिए, आज़माएं और देखें कि क्या-क्या किया जा सकता है!

सर्वर साइड कोड में Save-Data की जांच की जा रही है

हालांकि, Save-Data की स्थिति को navigator.connection.saveData प्रॉपर्टी की मदद से JavaScript में पता किया जा सकता है. हालांकि, कभी-कभी इसे सर्वर साइड पर भी पता लगाना बेहतर माना जाता है. कुछ मामलों में JavaScript लागू नहीं हो सकता. साथ ही, मार्कअप को क्लाइंट को भेजने से पहले उसमें बदलाव करने का एकमात्र तरीका, सर्वर साइड डिटेक्शन है. यह Save-Data के सबसे फ़ायदेमंद इस्तेमाल के उदाहरणों में शामिल है.

सर्वर साइड कोड में Save-Data हेडर का पता लगाने का सिंटैक्स, इस्तेमाल की जाने वाली भाषा पर निर्भर करता है. हालांकि, किसी भी ऐप्लिकेशन के बैक एंड के लिए बुनियादी आइडिया एक जैसा होना चाहिए. उदाहरण के लिए, PHP में अनुरोध हेडर HTTP_ से शुरू होने वाले इंडेक्स पर $_SERVER सुपरग्लोबल ऐरे में सेव किए जाते हैं. इसका मतलब है कि $_SERVER["HTTP_SAVE_DATA"] वैरिएबल की मौजूदगी और वैल्यू की जांच करके, Save-Data हेडर का पता लगाया जा सकता है. इसके लिए, यह तरीका अपनाएं:

// false by default.
$saveData = false;

// Check if the `Save-Data` header exists and is set to a value of "on".
if (isset($_SERVER["HTTP_SAVE_DATA"]) && strtolower($_SERVER["HTTP_SAVE_DATA"]) === "on") {
  // `Save-Data` detected!
  $saveData = true;
}

अगर क्लाइंट को कोई मार्कअप भेजने से पहले यह जांच की जाती है, तो $saveData वैरिएबल में Save-Data स्टेटस होगा. साथ ही, यह पेज पर कहीं भी इस्तेमाल के लिए उपलब्ध होगा. इस तरीके के बारे में बताने के बाद, आइए कुछ उदाहरणों के ज़रिए देखें कि उपयोगकर्ता को कितना डेटा भेजा जाए, यह तय करने के लिए इसका इस्तेमाल कैसे किया जा सकता है.

हाई रिज़ॉल्यूशन वाली स्क्रीन के लिए, लो रिज़ॉल्यूशन वाली इमेज दिखाना

वेब पर इमेज के इस्तेमाल का एक सामान्य उदाहरण, इमेज को दो सेट में दिखाना है: "स्टैंडर्ड" स्क्रीन (1x) के लिए एक इमेज और हाई रिज़ॉल्यूशन स्क्रीन (उदाहरण के लिए, Retina डिसप्ले). ज़्यादा रिज़ॉल्यूशन वाली स्क्रीन का यह क्लास, ज़रूरी नहीं है कि सिर्फ़ बेहतर डिवाइसों में ही उपलब्ध हो. यह ज़्यादा से ज़्यादा डिवाइसों में उपलब्ध हो रहा है. ऐसे मामलों में जहां ऐप्लिकेशन के कम इस्तेमाल करने को प्राथमिकता दी जाती है, इन स्क्रीन पर कम रिज़ॉल्यूशन (1x) वाली इमेज भेजना सही रहेगा, न कि बड़े (2x) वैरिएंट. Save-Data हेडर के मौजूद होने पर ऐसा करने के लिए, हम क्लाइंट को भेजे जाने वाले मार्कअप में बदलाव करते हैं:

if ($saveData === true) {
  // Send a low-resolution version of the image for clients specifying `Save-Data`.
  ?><img src="butterfly-1x.jpg" alt="A butterfly perched on a flower."><?php
}
else {
  // Send the usual assets for everyone else.
  ?><img src="butterfly-1x.jpg" srcset="butterfly-2x.jpg 2x, butterfly-1x.jpg 1x" alt="A butterfly perched on a flower."><?php
}

इस्तेमाल का यह उदाहरण इस बात का सबसे अच्छा उदाहरण है कि आपसे खास तौर पर जो व्यक्ति आपसे कम डेटा भेजने का अनुरोध कर रहा है, उस पर खर्च करने में कितनी मेहनत लगती है. अगर आपको बैकएंड पर मार्कअप में बदलाव करना पसंद नहीं है, तो Apache के mod_rewrite जैसे यूआरएल रीराइट मॉड्यूल का इस्तेमाल करके भी यही नतीजा हासिल किया जा सकता है. कम कॉन्फ़िगरेशन के साथ, ऐसा करने के उदाहरण यहां दिए गए हैं.

इस कॉन्सेप्ट को CSS background-image प्रॉपर्टी में भी इस्तेमाल किया जा सकता है. इसके लिए, <html> एलिमेंट में बस एक क्लास जोड़ें:

<html class="<?php if ($saveData === true): ?>save-data<?php endif; ?>">

यहां से, अपनी सीएसएस में <html> एलिमेंट पर save-data क्लास को टारगेट किया जा सकता है, ताकि इमेज डिलीवर करने का तरीका बदला जा सके. ऊपर दिए गए एचटीएमएल उदाहरण में दिखाए गए तरीके से, हाई रिज़ॉल्यूशन वाली स्क्रीन पर, कम रिज़ॉल्यूशन वाली बैकग्राउंड इमेज भेजी जा सकती हैं. इसके अलावा, कुछ संसाधनों को पूरी तरह से हटाया भी जा सकता है.

ग़ैर-ज़रूरी इमेज हटाना

वेब पर मौजूद इमेज का कुछ कॉन्टेंट गैर-ज़रूरी होता है. इस तरह की इमेज, कॉन्टेंट के साथ अच्छी लग सकती हैं. हालांकि, हो सकता है कि मीटर किए गए डेटा प्लान का ज़्यादा से ज़्यादा फ़ायदा पाने वाले लोग इन इमेज को पसंद न करें. Save-Data के सबसे आसान इस्तेमाल के उदाहरण में, हम पहले के PHP डिटेक्शन कोड का इस्तेमाल कर सकते हैं और ज़रूरी न होने वाली इमेज मार्कअप को पूरी तरह से हटा सकते हैं:

<p>This paragraph is essential content. The image below may be humorous, but it's not critical to the content.</p>
<?php
if ($saveData === false) {
  // Only send this image if `Save-Data` hasn't been detected.
  ?><img src="meme.jpg" alt="One does not simply consume data."><?php
}

इस तकनीक से ज़रूर फ़ायदा मिल सकता है, जैसा कि नीचे दी गई इमेज में देखा जा सकता है:

हालांकि, इमेज हटाने के अलावा और भी तरीके हैं. कुछ टाइपफ़ेस जैसे अन्य ग़ैर-ज़रूरी संसाधनों को भेजने से बचने के लिए, Save-Data का इस्तेमाल भी किया जा सकता है.

गै़र-ज़रूरी वेब फ़ॉन्ट इस्तेमाल न करें

आम तौर पर, वेब फ़ॉन्ट किसी पेज के कुल पेलोड में उतना योगदान नहीं देते जितना इमेज देती हैं. इसके बावजूद, वेब फ़ॉन्ट काफ़ी लोकप्रिय हैं. ये बहुत कम डेटा का इस्तेमाल करते हैं. इसके अलावा, ब्राउज़र में फ़ॉन्ट को फ़ेच करने और रेंडर करने का तरीका भी थोड़ा मुश्किल होता है. इसमें FOIT, FOUT, और ब्राउज़र के अनुभव से जुड़े कॉन्सेप्ट हैं, जिनकी वजह से आपको बहुत बारीकी से काम करने की ज़रूरत पड़ती है.

ऐसे में, हो सकता है कि आप उन उपयोगकर्ताओं के लिए ज़रूरी वेब फ़ॉन्ट न जोड़ना चाहें जिन्हें बेहतर अनुभव चाहिए. Save-Data की मदद से, यह काम आसानी से किया जा सकता है.

उदाहरण के लिए, मान लें कि आपने अपनी साइट पर Google Fonts से Fira Sans शामिल किया है. Fira Sans एक बेहतरीन मुख्य कॉपी फ़ॉन्ट है. हालांकि, हो सकता है कि डेटा सेव करने की कोशिश करने वाले उपयोगकर्ताओं के लिए यह ज़रूरी न हो. Save-Data हेडर मौजूद होने पर, <html> एलिमेंट में save-data की क्लास जोड़कर, ऐसी स्टाइल लिखी जा सकती हैं जो पहले ग़ैर-ज़रूरी टाइपफ़ेस को चालू करती हैं, लेकिन Save-Data हेडर मौजूद होने पर उससे ऑप्ट आउट कर देती हैं:

/* Opt into web fonts by default. */
p,
li {
  font-family: 'Fira Sans', 'Arial', sans-serif;
}

/* Opt out of web fonts if the `save-Data` class is present. */
.save-data p,
.save-data li {
  font-family: 'Arial', sans-serif;
}

इस तरीके का इस्तेमाल करके, Google Fonts के <link> स्निपेट को अपनी जगह पर छोड़ा जा सकता है. ऐसा इसलिए, क्योंकि ब्राउज़र पहले DOM पर स्टाइल लागू करके, सीएसएस रिसॉर्स (इनमें वेब फ़ॉन्ट भी शामिल हैं) को अनुमानित रूप से लोड करता है. इसके बाद, यह जांच करता है कि कोई एचटीएमएल एलिमेंट, स्टाइल शीट में मौजूद किसी भी रिसॉर्स को ट्रिगर करता है या नहीं. अगर कोई व्यक्ति Save-Data चालू करके आता है, तो Fira Sans कभी लोड नहीं होगा, क्योंकि स्टाइल वाला DOM इसे कभी चालू नहीं करता. इसके बजाय, Arial का इस्तेमाल किया जाएगा. यह Fira Sans के मुकाबले उतना अच्छा नहीं है, लेकिन ऐसा हो सकता है कि डेटा प्लान का ज़्यादा से ज़्यादा फ़ायदा पाने वाले लोग इसका इस्तेमाल करना पसंद करें.

खास जानकारी

Save-Data हेडर में बहुत ज़्यादा बारीकियां नहीं होती हैं; यह या तो चालू होता है या बंद. साथ ही, ऐप्लिकेशन को इसकी सेटिंग के आधार पर सही अनुभव देने की ज़िम्मेदारी होती है. इसकी कोई वजह नहीं होती.

उदाहरण के लिए, हो सकता है कि कुछ उपयोगकर्ता डेटा बचाने की सेटिंग मोड को अनुमति न दें. ऐसा तब हो सकता है, जब उन्हें लगता हो कि खराब इंटरनेट कनेक्शन की स्थिति में भी, ऐप्लिकेशन का कॉन्टेंट या फ़ंक्शन काम नहीं करेगा. वहीं दूसरी ओर, कुछ उपयोगकर्ता पेजों को जितना हो सके उतना छोटा और आसान बनाए रखने के लिए इसे चालू कर सकते हैं, भले ही वे अच्छी कनेक्टिविटी वाली स्थिति में हों. आपके ऐप्लिकेशन के लिए यह मान लेना सबसे अच्छा है कि उपयोगकर्ता को पूरा और अनलिमिटेड अनुभव चाहिए. ऐसा तब तक करें, जब तक आपको उपयोगकर्ता की साफ़ तौर पर की गई कार्रवाई से यह पता न चल जाए कि ऐसा नहीं है.

साइट के मालिकों और वेब डेवलपर के तौर पर, आइए हम अपने कॉन्टेंट को मैनेज करने की ज़िम्मेदारी लें. इससे, डेटा और खर्च की कमी वाले उपयोगकर्ताओं के लिए, उपयोगकर्ता अनुभव को बेहतर बनाया जा सकेगा.

Save-Data और इसके बेहतरीन उदाहरणों के बारे में ज़्यादा जानने के लिए, अपने उपयोगकर्ताओं की मदद करें Save Data लेख पढ़ें.