使用 sessionStorage 有什么好处？ [复制]答案

【问题标题】：What are the benefits of using sessionStorage? [duplicate]使用 sessionStorage 有什么好处？ [复制]
【发布时间】：2011-03-16 15:00:08
【问题描述】：

只是想知道在存储要在 Javascript 轮播中使用的 HTML 内容时使用 HTML5 的 sessionStorage 的实际好处是什么？

与性能有关吗？加载时间？带宽？

【问题讨论】：

【解决方案1】：

理论上（并且可能实际上在大多数情况下）加载时间更快，因为它几乎就像图像已经被缓存（从用户而不是服务器加载）。我对此了解不多，但研究过它是否有助于存储 https 连接上的图像。它在那里没有帮助（事实上，可能使情况变得更糟）。

【讨论】：

【解决方案2】：

是的。 sessionStorage 存储的信息比 cookie 多得多，而且也更容易访问。

通过在本地存储您需要再次访问的数据，您可以避免（或最小化）ajax 调用，进而避免服务器和数据库负载。

这将导致更快的页面加载（因为您无需等待服务器提供数据）和带宽（因为您已最小化与服务器的通信）。

【讨论】：

【解决方案3】：

是的，您将使用更少的带宽，这会提高性能，因为您可以在浏览器中存储高达 5Mb 的信息。它不仅仅是 cookie。

例如在存储中设置一个项目，您可以这样做：

sessionStorage.setItem("name1", "value1");

获取物品

sessionStorage.getItem("name1");

sessionStorage 与每个子域/域相关。

【讨论】：

我刚刚测试了 Firefox 3.6.12 Mac，我能够毫无问题地将至少 60MB 放入sessionStorage。 localStorage 有 5MB 的限制，但 sessionStorage 没有。
是的，你是对的，5mb 对于 localStorage 来说是相当标准的，因为 sessionStorage 不同的浏览器（移动和非移动）有不同的行为。我建议使用 5Mb 作为指导线。