LocalStorage
Плюсы:
- Веб-хранилище можно рассматривать упрощенно как усовершенствование файлов cookie, обеспечивая гораздо большую емкость хранилища. Если вы посмотрите исходный код Mozilla, мы увидим, что 5120KB (5 МБ), равный 2,5 миллионам символов в Chrome), является размером хранилища по умолчанию для весь домен. Это дает вам значительно больше возможностей для работы, чем обычный cookie 4 КБ.
- Данные не отправляются обратно на сервер для каждого HTTP-запроса (HTML, изображения, JavaScript, CSS и т.д.) - уменьшение количества трафика между клиентом и сервером.
- Данные, хранящиеся в localStorage, сохраняются до явного удаления. Сделанные изменения сохраняются и доступны для всех текущих и будущих посещений сайта. Минусы:
- Он работает в политике одного и того же происхождения. Таким образом, сохраненные данные будут доступны только в том же месте.
Cookies
Плюсы:
- По сравнению с другими, ничего.
Минусы:
- Предел 4Kб предназначен для всего файла cookie, включая имя, значение, дату истечения срока годности и т.д. Чтобы поддерживать большинство браузеров, держите имя менее 4000 байт и общий размер файла cookie под 4093 байтами.
- Данные отправляются обратно на сервер для каждого HTTP-запроса (HTML, изображения, JavaScript, CSS и т.д.) - увеличение количества трафика между клиентом и сервером.
Обычно допустимы следующие действия: - 300 файлов cookie - 4096 байт для каждого файла cookie - 20 файлов cookie для каждого домена - 81920 байт для каждого домена (задано 20 файлов cookie максимального размера 4096 = 81920 байт.)
sessionStorage
Плюсы:
- Он похож на localStorage.
- Изменения доступны только для каждого окна (или вкладки в браузерах, таких как Chrome и Firefox). Сделанные изменения сохраняются и доступны для текущей страницы, а также для будущих посещений сайта в том же окне. Когда окно закрыто, хранилище удаляется.
Минусы:
- Данные доступны только внутри окна/вкладки, в котором он был установлен.
- Данные не сохраняются, т.е. будут потеряны после закрытия окна/вкладки.
- Подобно localStorage, работает в политике одинакового происхождения. Таким образом, сохраненные данные будут доступны только в том же месте.