نحوه ذخیرهسازی دادهها توسط مرورگرها
مرورگرها کاری فراتر از نمایش وبسایتها انجام میدهند. آنها به عنوان مدیریتکنندههای محلی داده عمل میکنند و اطلاعات را روی دستگاه شما ذخیره میکنند تا وبگردی را سریعتر و آسانتر کنند.
شما باید با سه روش اصلی ذخیرهسازی دادهها توسط مرورگرها آشنا باشید:
• کوکیها (Cookies) • حافظه پنهان مرورگر (Browser Cache) • ذخیرهسازی وب (Web Storage)
کوکیها (Cookies)
کوکیها فایلهای متنی کوچکی هستند. وبسایتها از آنها برای شناسایی و به خاطر سپردن شما استفاده میکنند. آنها نشستهای ورود (login sessions) و تنظیمات زبان شما را ذخیره میکنند.
نحوه عملکرد:
- شما از یک سایت بازدید میکنید.
- سایت یک کوکی به مرورگر شما ارسال میکند.
- مرورگر شما آن را ذخیره میکند.
- در بازدید بعدی، مرورگر شما آن کوکی را دوباره به سرور ارسال میکند.
نکات مهم:
- کوکیها محدودیت بسیار کمی (حدود ۴ کیلوبایت) دارند.
- آنها با هر درخواست ارسال میشوند که میتواند باعث کندی شود.
- هرگز رمز عبور خود را در کوکیها ذخیره نکنید.
حافظه پنهان مرورگر (Browser Cache)
حافظه پنهان (Cache) فایلهای سنگین مانند تصاویر، CSS و JavaScript را ذخیره میکند. هدف آن افزایش سرعت است.
نحوه عملکرد:
- شما برای اولین بار از یک سایت بازدید میکنید.
- مرورگر شما تمام فایلها را دانلود کرده و در حافظه پنهان ذخیره میکند.
- دفعه بعد که بازدید میکنید، مرورگر فایلها را به جای اینترنت، از روی دستگاه شما بارگذاری میکند.
مزایا:
- صفحات بسیار سریعتر بارگذاری میشوند.
- پهنای باند اینترنت کمتری مصرف میکند.
- فشار روی سرور را کاهش میدهد.
ذخیرهسازی وب (Web Storage)
این یک قابلیت در HTML5 است. این ویژگی به سایتها اجازه میدهد دادهها را به صورت جفتهای کلید-مقدار (key-value pairs) ذخیره کنند. این روش از کوکیها کارآمدتر است زیرا با هر درخواست به سرور ارسال نمیشود.
دو نوع وجود دارد:
- ذخیرهسازی محلی (Local Storage): دادهها حتی پس از بستن مرورگر نیز باقی میمانند. ظرفیت آن حدود ۵ تا ۱۰ مگابایت است.
- ذخیرهسازی نشست (Session Storage): با بستن تب، دادهها از بین میروند.
موارد استفاده:
- ذخیرهسازی محلی برای تنظیمات حالت تاریک (dark mode) عالی است.
- ذخیرهسازی نشست برای دادههای موقت فرمها مناسب است.
خلاصه
- از کوکیها برای نشستهای ورود و ارتباط با سرور استفاده کنید.
- از حافظه پنهان برای افزایش سرعت بارگذاری سایت با استفاده از داراییهای ثابت (static assets) استفاده کنید.
- از ذخیرهسازی وب برای مقادیر بیشتری از دادههای سمت کاربر (client-side) استفاده کنید.
منبع: https://dev.to/dailycodetools/how-browser-stores-data-cookies-cache-storage-25-jun-0346-m7h