Разница Cookies, sessionStorage и localStorage
Мы можем хранить информацию прямо в браузере разными способами. Рассмотрим три основных: Cookies, sessionStorage и localStorage.
🍪 Cookies:
Что это:
- Маленькие фрагменты данных, которые сайт может установить на компьютер пользователя.
Особенности:
- Имеют срок действия.
- Отправляются на сервер при каждом запросе, что может замедлить скорость загрузки страницы, если в куки много данных.
- Ограничены размером (обычно до 4КБ).
💼 SessionStorage:
Что это:
- Хранилище для временных данных в рамках одной сессии вкладки/окна.
Особенности:
- Данные хранятся только до закрытия вкладки или окна.
- Не отправляются на сервер.
- Обычно больше объем хранения по сравнению с cookies (около 5-10 МБ в зависимости от браузера).
📦 LocalStorage:
Что это:
- Хранилище для данных без срока действия.
Особенности:
- Данные сохраняются даже после закрытия вкладки или окна и перезапуска браузера.
- Не отправляются на сервер.
- Объем хранения аналогичен sessionStorage.
Мы можем хранить информацию прямо в браузере разными способами. Рассмотрим три основных: Cookies, sessionStorage и localStorage.
🍪 Cookies:
Что это:
- Маленькие фрагменты данных, которые сайт может установить на компьютер пользователя.
Особенности:
- Имеют срок действия.
- Отправляются на сервер при каждом запросе, что может замедлить скорость загрузки страницы, если в куки много данных.
- Ограничены размером (обычно до 4КБ).
💼 SessionStorage:
Что это:
- Хранилище для временных данных в рамках одной сессии вкладки/окна.
Особенности:
- Данные хранятся только до закрытия вкладки или окна.
- Не отправляются на сервер.
- Обычно больше объем хранения по сравнению с cookies (около 5-10 МБ в зависимости от браузера).
📦 LocalStorage:
Что это:
- Хранилище для данных без срока действия.
Особенности:
- Данные сохраняются даже после закрытия вкладки или окна и перезапуска браузера.
- Не отправляются на сервер.
- Объем хранения аналогичен sessionStorage.