लोकल स्टोरेज से वेबसाइट सीधे आपके ब्राउज़र में डेटा सेव करती हैं, जो विज़िट के बीच बना रहता है। जानें यह कैसे काम करता है, वेबसाइट इसे किसलिए इस्तेमाल करती हैं और आपकी साइट के लिए इसका क्या मतलब है।
क्या आपने कभी किसी वेबसाइट पर कोई पसंद सेट की, टैब बंद किया, और बाद में लौटने पर सब कुछ वैसा ही पाया जैसा आपने छोड़ा था? आपकी डिस्प्ले सेटिंग वही थीं, आपके सेव किए आइटम वहीं थे, और आपको कुछ दोबारा सेट नहीं करना पड़ा। यह लोकल स्टोरेज है जो बैकग्राउंड में चुपचाप अपना काम कर रहा है।
ब्राउज़र स्टोरेज के प्रकार वाले पिछले चैप्टर में हमने लोकल स्टोरेज को उन मुख्य तरीक़ों में से एक के रूप में बताया था जिनसे ब्राउज़र डेटा रखते हैं। यह चैप्टर और गहराई में जाता है कि लोकल स्टोरेज असल में क्या है, कैसे काम करता है और आपकी वेबसाइट पर इसकी क्या भूमिका है।
लोकल स्टोरेज क्या है?
लोकल स्टोरेज एक तरह का ब्राउज़र स्टोरेज है जिससे वेबसाइट विज़िटर के डिवाइस पर सीधे छोटा डेटा सेव कर सकती हैं। विज़िटर के टैब बंद करने या कंप्यूटर बंद करने के बाद भी वह डेटा ब्राउज़र में बना रहता है। अगली बार जब वे उसी वेबसाइट पर आते हैं, तो ब्राउज़र के पास वह डेटा अब भी होता है और साइट उससे उनकी पिछली स्थिति वापस ला सकती है।
यही लोकल स्टोरेज को सेशन स्टोरेज से अलग बनाता है, जो टैब बंद होने पर साफ़ हो जाता है। लोकल स्टोरेज स्थायी है। इसकी कोई अपने आप की एक्सपायरी नहीं होती। डेटा तब तक रहता है जब तक यूज़र अपना ब्राउज़र साफ़ न करे, या वेबसाइट ख़ुद उसे न हटाए।
लोकल स्टोरेज कैसे काम करता है?
लोकल स्टोरेज एक सीधे की-वैल्यू स्टोर की तरह काम करता है। इसे ब्राउज़र के अंदर एक छोटी नोटपैड की तरह समझें, जहाँ वेबसाइट एक लेबल और एक मान के साथ जानकारी लिख सकती है। लेबल की है और उसके नीचे सेव जानकारी वैल्यू है। जब वेबसाइट को वह जानकारी दोबारा चाहिए होती है, तो वह की ढूँढकर वैल्यू निकाल लेती है।
जैसे, कोई वेबसाइट जब विज़िटर डार्क मोड चालू करता है तब "theme" नाम की की को "dark" वैल्यू के साथ सेव कर सकती है। अगली बार जब वह विज़िटर लौटता है, तो वेबसाइट लोकल स्टोरेज जाँचती है, "theme" की ढूँढती है, "dark" वैल्यू पढ़ती है और पेज के पूरी तरह रेंडर होने से पहले ही डार्क मोड अपने आप लगा देती है।
हर वेबसाइट को अपना अलग लोकल स्टोरेज मिलता है। वेबसाइट सिर्फ़ अपना डेटा पढ़ और लिख सकती है। वह नहीं देख सकती कि किसी और वेबसाइट ने क्या स्टोर किया है। यह अलगाव हर ब्राउज़र में बनी सुरक्षा सुविधा है।
वेबसाइट लोकल स्टोरेज का इस्तेमाल किसलिए करती हैं?
यूज़र की पसंद सेव करना
डिस्प्ले सेटिंग, भाषा की पसंद, थीम के चुनाव और लेआउट के विकल्प, ये सब लोकल स्टोरेज में स्टोर होने वाली आम चीज़ें हैं। ये ग़ैर-संवेदनशील पसंद हैं जो विज़िटर के लौटने पर अनुभव बेहतर करती हैं।
सेशन के बीच आइटम बनाए रखना
कुछ वेबसाइट उन आइटम को रखने के लिए लोकल स्टोरेज इस्तेमाल करती हैं जिनसे विज़िटर ने कुछ किया हो, जैसे रीडिंग लिस्ट, विशलिस्ट या हाल में देखे आइटम, ताकि अगली विज़िट पर भी वे वहीं रहें, भले ही विज़िटर लॉग इन न हो।
सर्वर रिक्वेस्ट घटाना
जब वेबसाइट जानकारी लोकल रूप से स्टोर करती है, तो वह हर बार सर्वर को रिक्वेस्ट भेजने की जगह उसे ब्राउज़र से तुरंत निकाल सकती है। इससे लौटने वाले विज़िटर के लिए अनुभव तेज़ होता है और बैकएंड पर लोड घटता है।
फ़ॉर्म और कई स्टेप वाली प्रक्रियाओं में स्थिति बनाए रखना
कुछ वेबसाइट कई स्टेप वाले फ़ॉर्म या चेकआउट फ़्लो की प्रगति को कुछ समय के लिए सेव करने के लिए लोकल स्टोरेज इस्तेमाल करती हैं। अगर विज़िटर ग़लती से टैब बंद कर दे, तो लौटने पर उसकी प्रगति नहीं जाती।
लोकल स्टोरेज की सीमाएँ क्या हैं?
लोकल स्टोरेज छोटे डेटा के लिए बना है। ज़्यादातर ब्राउज़र हर वेबसाइट के लिए लगभग 5 से 10 मेगाबाइट देते हैं, जो पसंद और सेटिंग के लिए काफ़ी है, लेकिन बड़ी फ़ाइलों या जटिल डेटासेट के लिए नहीं। यह सिर्फ़ टेक्स्ट भी स्टोर करता है। नंबर, ऑब्जेक्ट और ऐरे को सेव करने से पहले टेक्स्ट में बदलना पड़ता है और निकालते समय वापस बदलना पड़ता है।
लोकल स्टोरेज संवेदनशील जानकारी के लिए भी सही जगह नहीं है। क्योंकि पेज पर चल रही कोई भी स्क्रिप्ट इसे एक्सेस कर सकती है, इसलिए पासवर्ड, निजी जानकारी या पेमेंट की जानकारी लोकल स्टोरेज में रखना सुरक्षा का जोखिम है। संवेदनशील डेटा सर्वर पर रहना चाहिए, SSL और सही ऑथेंटिकेशन से सुरक्षित।
लोकल स्टोरेज की बाक़ी स्टोरेज प्रकारों से आमने-सामने तुलना के लिए ब्राउज़र स्टोरेज के प्रकार पढ़ें।
अक्सर पूछे जाने वाले सवाल
क्या लोकल स्टोरेज बिना इंटरनेट कनेक्शन के काम करता है?
हाँ। लोकल स्टोरेज विज़िटर के डिवाइस पर सेव होता है, किसी सर्वर पर नहीं। ब्राउज़र ऑफ़लाइन होने पर भी डेटा उपलब्ध रहता है। यही एक वजह है कि लोकल स्टोरेज को अक्सर सर्विस वर्कर और कैश स्टोरेज के साथ इस्तेमाल किया जाता है, ताकि ऐसी वेबसाइट बनें जो आंशिक या पूरी तरह ऑफ़लाइन चल सकें।
क्या एक ही डिवाइस के अलग-अलग ब्राउज़र के बीच लोकल स्टोरेज शेयर होता है?
नहीं। लोकल स्टोरेज ब्राउज़र के हिसाब से अलग होता है। अगर आप एक ब्राउज़र में डेटा सेव करते हैं, तो वह उसी डिवाइस के दूसरे ब्राउज़र में नहीं दिखता। हर ब्राउज़र का अपना अलग लोकल स्टोरेज होता है। यानी जो विज़िटर एक ब्राउज़र से दूसरे पर जाता है, वह अपनी सेव की हुई पसंद या डेटा साथ नहीं ले जाता।
क्या विज़िटर अपना लोकल स्टोरेज डेटा देख या डिलीट कर सकते हैं?
हाँ। कोई भी अपने ब्राउज़र के डेवलपर टूल खोलकर किसी भी वेबसाइट का लोकल स्टोरेज डेटा देख या डिलीट कर सकता है। विज़िटर ब्राउज़र की सेटिंग से सारा ब्राउज़र डेटा भी साफ़ कर सकते हैं, जो लोकल स्टोरेज को पूरी तरह मिटा देता है। यानी वेबसाइट को लोकल स्टोरेज को डेटा का स्थायी या पक्का स्रोत नहीं मानना चाहिए।
लोकल स्टोरेज और कुकीज़ में क्या फ़र्क़ है?
कुकीज़ हर रिक्वेस्ट के साथ सर्वर को वापस भेजी जाती हैं, इसलिए ये सेशन मैनेजमेंट और ऑथेंटिकेशन के लिए ठीक हैं। लोकल स्टोरेज सिर्फ़ ब्राउज़र में रहता है और सर्वर को अपने आप कभी नहीं भेजा जाता। लोकल स्टोरेज कुकीज़ से ज़्यादा डेटा भी रखता है और उसकी कोई बिल्ट-इन एक्सपायरी नहीं होती। दोनों अलग इस्तेमाल के लिए ठीक हैं, और अच्छी बनी वेबसाइट दोनों को सही जगह इस्तेमाल करती हैं।
क्या लोकल स्टोरेज वेबसाइट की स्पीड पर असर डालता है?
लोकल स्टोरेज से पढ़ना और उसमें लिखना बहुत तेज़ है, इसलिए यह शायद ही स्पीड की ध्यान देने लायक दिक़्क़त बनता है। असल में, पसंद कैश करने और सर्वर रिक्वेस्ट घटाने के लिए लोकल स्टोरेज इस्तेमाल करने से लौटने वाले विज़िटर के लिए वेबसाइट तेज़ लग सकती है। समझदारी से इस्तेमाल होने पर वेबसाइट की स्पीड पर इसका असर आम तौर पर अच्छा होता है।
क्या मुझे अपनी वेबसाइट पर लोकल स्टोरेज मैनेज करना पड़ेगा?
अगर आप वेबसाइट बिल्डर इस्तेमाल कर रहे हैं, तो प्लेटफ़ॉर्म जिन फ़ीचर को सपोर्ट करता है, उनके लिए लोकल स्टोरेज अपने आप मैनेज करता है। आपको ख़ुद कुछ लिखना या कॉन्फ़िगर नहीं करना पड़ता। जो भी पसंद या स्टेट मैनेजमेंट लोकल स्टोरेज इस्तेमाल करता है, उसे बिल्डर पर्दे के पीछे संभालता है। WEMASY के वेबसाइट बिल्डर में यह सब प्लेटफ़ॉर्म के काम करने के तरीक़े में बना हुआ है।