ব্রাউজার কীভাবে ডেটা সংরক্ষণ করে

ব্রাউজার শুধুমাত্র ওয়েবসাইট দেখানোর কাজই করে না। এগুলো লোকাল ডেটা ম্যানেজার হিসেবে কাজ করে। ব্রাউজিং দ্রুত এবং সহজ করার জন্য এগুলো আপনার ডিভাইসে তথ্য সংরক্ষণ করে।

ব্রাউজার ডেটা সংরক্ষণ করার তিনটি প্রধান পদ্ধতি আপনার জানা উচিত:

• Cookies • Browser Cache • Web Storage

Cookies কুকিজ হলো ছোট টেক্সট ফাইল। ওয়েবসাইট আপনাকে মনে রাখার জন্য এগুলো ব্যবহার করে। এগুলো আপনার লগইন সেশন এবং ভাষার সেটিংস সংরক্ষণ করে।

এগুলো যেভাবে কাজ করে:

  • আপনি একটি সাইটে ভিজিট করেন।
  • সাইটটি আপনার ব্রাউজারে একটি কুকি পাঠায়।
  • আপনার ব্রাউজার এটি সংরক্ষণ করে।
  • আপনার পরবর্তী ভিজিটে, আপনার ব্রাউজার সেই কুকিটি আবার সার্ভারে পাঠায়।

মনে রাখবেন:

  • কুকিজের আকার মাত্র 4KB পর্যন্ত হতে পারে।
  • এগুলো প্রতিটি রিকোয়েস্টের সাথে পাঠানো হয়, যা গতি কমিয়ে দিতে পারে।
  • কুকিজের মধ্যে কখনোই পাসওয়ার্ড সংরক্ষণ করবেন না।

Browser Cache ক্যাশ ইমেজ, CSS এবং JavaScript-এর মতো ভারী ফাইলগুলো সংরক্ষণ করে। এর মূল লক্ষ্য হলো গতি বাড়ানো।

এটি যেভাবে কাজ করে:

  • আপনি প্রথমবারের মতো একটি সাইটে ভিজিট করেন।
  • আপনার ব্রাউজার সমস্ত ফাইল ডাউনলোড করে এবং সেগুলো ক্যাশে সংরক্ষণ করে।
  • পরের বার যখন আপনি ভিজিট করবেন, ব্রাউজার ইন্টারনেট থেকে নয় বরং আপনার ডিভাইস থেকেই ফাইলগুলো লোড করে।

সুবিধাগুলো:

  • পেজগুলো অনেক দ্রুত লোড হয়।
  • এটি ইন্টারনেটের ব্যান্ডউইথ কম খরচ করে।
  • এটি সার্ভারের ওপর চাপ কমায়।

Web Storage এটি একটি HTML5 ফিচার। এটি সাইটগুলোকে key-value জোড়া হিসেবে ডেটা সংরক্ষণ করতে দেয়। এটি কুকিজের চেয়ে বেশি কার্যকর কারণ এটি প্রতিটি রিকোয়েস্টের সাথে সার্ভারে পাঠানো হয় না।

এটি দুই ধরনের:

  • Local Storage: ব্রাউজার বন্ধ করে দিলেও ডেটা থেকে যায়। এটি প্রায় 5MB থেকে 10MB পর্যন্ত ডেটা রাখতে পারে।
  • Session Storage: ট্যাব বন্ধ করে দিলে ডেটা মুছে যায়।

ব্যবহারের ক্ষেত্র:

  • ডার্ক মোড সেটিংসের জন্য Local storage দারুণ।
  • সাময়িক ফর্ম ডেটার জন্য Session storage ভালো কাজ করে।

Summary

  • লগইন সেশন এবং সার্ভারের সাথে যোগাযোগের জন্য Cookies ব্যবহার করুন।
  • স্ট্যাটিক অ্যাসেট দিয়ে সাইট লোডিং দ্রুত করতে Cache ব্যবহার করুন।
  • ক্লায়েন্ট-সাইড ডেটার বড় পরিমাণের জন্য Web Storage ব্যবহার করুন।

উৎস: https://dev.to/dailycodetools/how-browser-stores-data-cookies-cache-storage-25-jun-0346-m7h