كيف تخزن المتصفحات البيانات

تقوم المتصفحات بأكثر من مجرد عرض المواقع الإلكترونية؛ فهي تعمل كمديرين محليين للبيانات، حيث تقوم بتخزين المعلومات على جهازك لجعل التصفح أسرع وأسهل.

يجب أن تعرف الطرق الثلاث الرئيسية التي تخزن بها المتصفحات البيانات:

• ملفات تعريف الارتباط (Cookies) • ذاكرة التخزين المؤقت للمتصفح (Browser Cache) • تخزين الويب (Web Storage)

ملفات تعريف الارتباط (Cookies) ملفات تعريف الارتباط هي ملفات نصية صغيرة. تستخدمها المواقع الإلكترونية لتذكرك، حيث تقوم بتخزين جلسات تسجيل الدخول وإعدادات اللغة الخاصة بك.

كيفية عملها:

  • تزور موقعاً ما.
  • يرسل الموقع ملف تعريف ارتباط إلى متصفحك.
  • يقوم متصفحك بحفظه.
  • في زيارتك التالية، يرسل متصفحك ملف تعريف الارتباط هذا مرة أخرى إلى الخادم.

ضع في اعتبارك:

  • لملفات تعريف الارتباط حد ضئيل يبلغ 4 كيلوبايت (4KB).
  • يتم إرسالها مع كل طلب، مما قد يؤدي إلى إبطاء العملية.
  • لا تقم أبداً بتخزين كلمات المرور في ملفات تعريف الارتباط.

ذاكرة التخزين المؤقت للمتصفح (Browser Cache) تقوم ذاكرة التخزين المؤقت بتخزين الملفات الثقيلة مثل الصور، وCSS، وJavaScript. وهدفها هو السرعة.

كيفية عملها:

  • تزور موقعاً ما للمرة الأولى.
  • يقوم متصفحك بتنزيل جميع الملفات وحفظها في ذاكرة التخزين المؤقت.
  • في المرة القادمة التي تزور فيها الموقع، يقوم المتصفح بتحميل الملفات من جهازك بدلاً من الإنترنت.

الفوائد:

  • يتم تحميل الصفحات بشكل أسرع بكثير.
  • تستهلك قدراً أقل من عرض نطاق الإنترنت (Bandwidth).
  • تقلل من الحمل على الخادم.

تخزين الويب (Web Storage) هذه ميزة من ميزات HTML5، حيث تتيح للمواقع تخزين البيانات في شكل أزواج (مفتاح-قيمة) (key-value pairs). وهي أكثر كفاءة من ملفات تعريف الارتباط لأنها لا تُرسل إلى الخادم مع كل طلب.

هناك نوعان:

  • التخزين المحلي (Local Storage): تبقى البيانات حتى لو أغلقت المتصفح. وتتسع لحوالي 5 ميجابايت إلى 10 ميجابايت.
  • تخزين الجلسة (Session Storage): تختفي البيانات عند إغلاق علامة التبويب.

حالات الاستخدام:

  • التخزين المحلي رائع لإعدادات الوضع الداكن (Dark Mode).
  • تخزين الجلسة يعمل بشكل جيد لبيانات النماذج المؤقتة.

ملخص

  • استخدم ملفات تعريف الارتباط (Cookies) لجلسات تسجيل الدخول والتواصل مع الخادم.
  • استخدم ذاكرة التخزين المؤقت (Cache) لتسريع تحميل الموقع باستخدام الأصول الثابتة (Static assets).
  • استخدم تخزين الويب (Web Storage) لكميات أكبر من البيانات من جهة العميل (Client-side).

المصدر: https://dev.to/dailycodetools/how-browser-stores-data-cookies-cache-storage-25-jun-0346-m7h