ब्राउझर्स डेटा कसा साठवतात

ब्राउझर्स फक्त वेबसाइट्स दाखवण्याचे काम करत नाहीत. ते स्थानिक डेटा व्यवस्थापक (local data managers) म्हणून काम करतात. ब्राउझिंग अधिक जलद आणि सोपे करण्यासाठी ते तुमच्या डिव्हाइसवर माहिती साठवतात.

ब्राउझर्स डेटा साठवण्याच्या तीन मुख्य पद्धती तुम्हाला माहित असणे आवश्यक आहे:

• Cookies • Browser Cache • Web Storage

Cookies

Cookies हे लहान टेक्स्ट फाइल्स आहेत. वेबसाइट्स तुम्हाला ओळखण्यासाठी त्यांचा वापर करतात. ते तुमचे लॉगिन सेशन्स (login sessions) आणि भाषा सेटिंग्ज साठवतात.

ते कसे काम करतात:

• तुम्ही एखाद्या साइटला भेट देता.
• ती साइट तुमच्या ब्राउझरला एक cookie पाठवते.
• तुमचा ब्राउझर ती सेव्ह करतो.
• तुमच्या पुढच्या भेटीत, तुमचा ब्राउझर ती cookie पुन्हा सर्व्हरला पाठवतो.

लक्षात ठेवा:

• Cookies ची मर्यादा फक्त 4KB इतकी कमी असते.
• प्रत्येक विनंतीसोबत (request) त्या पाठवल्या जातात, ज्यामुळे वेग मंदावू शकतो.
• Cookies मध्ये कधीही पासवर्ड साठवू नका.

Browser Cache

Cache मध्ये इमेज, CSS आणि JavaScript सारख्या जड फाइल्स साठवल्या जातात. त्याचा मुख्य उद्देश वेग (speed) वाढवणे हा आहे.

ते कसे काम करते:

• तुम्ही पहिल्यांदा एखाद्या साइटला भेट देता.
• तुमचा ब्राउझर सर्व फाइल्स डाउनलोड करतो आणि त्या cache मध्ये साठवतो.
• पुढच्या वेळी तुम्ही भेट दिल्यावर, ब्राउझर इंटरनेटऐवजी तुमच्या डिव्हाइसमधून फाइल्स लोड करतो.

फायदे:

• पेजेस खूप वेगाने लोड होतात.
• यामुळे इंटरनेट बँडविड्थचा वापर कमी होतो.
• यामुळे सर्व्हरवरील ताण कमी होतो.

Web Storage

हे एक HTML5 फीचर आहे. याद्वारे वेबसाइट्स डेटा key-value pairs स्वरूपात साठवू शकतात. हे Cookies पेक्षा अधिक कार्यक्षम आहे कारण ते प्रत्येक विनंतीसोबत सर्व्हरला पाठवले जात नाही.

याचे दोन प्रकार आहेत:

• Local Storage: ब्राउझर बंद केला तरी डेटा राहतो. यामध्ये साधारणपणे 5MB ते 10MB डेटा साठवता येतो.
• Session Storage: टॅब बंद केल्यावर डेटा निघून जातो.

वापराची उदाहरणे:

• डार्क मोड सेटिंग्जसाठी Local storage उत्तम आहे.
• तात्पुरत्या फॉर्म डेटासाठी Session storage चांगले काम करते.

सारांश

• लॉगिन सेशन्स आणि सर्व्हर कम्युनिकेशनसाठी Cookies वापरा.
• स्टॅटिक ॲसेट्ससह साइट लोडिंगचा वेग वाढवण्यासाठी Cache वापरा.
• क्लायंट-साइडवरील मोठ्या प्रमाणात डेटा साठवण्यासाठी Web Storage वापरा.

स्रोत: https://dev.to/dailycodetools/how-browser-stores-data-cookies-cache-storage-25-jun-0346-m7h