В чем преимущество localStorage перед cookie?

Question

[WebDev]

Смотрел выступление с одной конференции на тему современного JS, где оратор, рассказывая про авторизацию на SPA, заявил, что идентификатор мы храним в localStorage, потому что "куки - это старомодный подход".
Если отбросить бредовые аргументы, что куки увеличивают заголовки, потому что прикрепляются к каждому запросу, то какие преимущества есть у localStorage?
Вот минумы localStorage перед куками я назвать могу:
1. Куки доступны на сервере
2. Куки можно легко расшарить на поддомены
3. У кук нет проблем в приватном режиме Safari

Какие преимущества и недостатки есть у localStorage и что вы используете для хранения идентификаторов?

Comments

[Петр Мухуров]

на изменения localStorage можно подписываться :)

Answer 1

[Дмитрий Арушанов]

Думаю, сложно говорить, хуже, лучше, так же...
Все зависит от конкретной задачи\проекта\ да и вообще потребностей.

Answer 2

[SagePtr]

Содержимое localStorage не передаётся на сервер. Из этого вытекает как минимум два плюса:
1. Невозможно спровоцировать его передачу при помощи CSRF.
2. В нём можно хранить гораздо больше информации и не переживать, что эта информация будет передаваться с каждым запросом и жрать исходящий трафик.

Answer 3

[Stalker_RED]

Если отбросить бредовые аргументы, что куки увеличивают заголовки, потому что прикрепляются к каждому запросу

Ну да, а cookieless домены от скуки прикручивают :)

1. Не передаются = не жрут трафик
2. Не передаются = нельзя перехватить
3. Размер хранилища намного больше

Comments

[WebDev]

1. Не передаются = не жрут трафик

Ну это же актуально для 0.1% проектов. Кто обратит внимание на дополнительные 30 символов в заголовках?

2. Не передаются = нельзя перехватить

Так передаются ведь точно также, просто не во всех запросах.

3. Размер хранилища намного больше

В случае авторизации это неважно.

[Stalker_RED]

WebDev, эти 30 символов в КАЖДОМ запросе, а их на вот этой странице около 50, например. А на многих сайтах и по полторы сотни, и более.

И их еще нужно обработать, и на сервере и в браузере.

Answer 4

[Северное Сияние]

В чем преимущество localStorage перед cookie?

в чем приемущество холодильника перед кофемашиной? из той же серии вопрос.

Comments

[WebDev]

Глупая аналогия. Cookie и localStorage используются для одной цели, холодильник и кофемашина - нет.

[Северное Сияние]

WebDev, куки - часть протокола http, который к w3c никакого отношения не имеет. И цели у них разные. Цель кук - сохранять информацию между запросами в рамках http-запросов. Цель хранилища - хранить локальные данные на клиенте.

[WebDev]

Василий Берестов, И что? Куки используют для хранения идентификатора сессий и localStorage используют.

[Северное Сияние]

WebDev, я не знаю как используют LS для хранения идентификатора сессий. Я говорю о концептуальном различии.

Answer 5

[Евгений]

Мне кажется под разные задачи надо использовать то или другое. Обычно использую localStorage для всплывашек, настроек и т. д. Но вот недавно понадобилось запоминать Какой город выбрал пользователь и его перебрасывало на поддомен с текущим городом. Вот для этого использовал куки. Потому что они работают с доменами и поддоменами