html - 本地存储与 Cookie

Question

我想通过将所有 cookie 移动到本地存储来减少我网站的加载时间，因为它们似乎具有相同的功能。除了明显的兼容性问题外，使用本地存储替换 cookie 功能是否有任何优点/缺点(尤其是性能方面)？

Answer 1

Cookie 和本地存储有不同的用途。 Cookies主要用于读取服务器端，本地存储只能由客户端读取。所以问题是，在您的应用中，谁需要这些数据——客户端还是服务器？

如果它是您的客户端(您的 JavaScript)，那么一定要切换。发送每个 HTTP header 中的所有数据是在浪费带宽。

如果它是您的服务器，本地存储就不是很有用，因为您必须以某种方式转发数据(使用 Ajax 或隐藏的表单字段或其他东西)。如果服务器只需要每个请求的总数据的一小部分，这可能没问题。

无论如何，您都希望将 session cookie 保留为 cookie。

根据技术差异，以及我的理解:

1. 除了作为一种旧的数据保存方式之外，Cookie 还为您提供 4096 个字节(实际上是 4095)的限制——它是每个 cookie。本地存储容量为 每个域 5MB — SO Question 也提到了。

2. localStorage 是 Storage 接口(interface)的实现。它存储的数据没有过期日期，并且仅通过 JavaScript 或清除浏览器缓存/本地存储的数据来清除 - 与 cookie 过期不同。