javascript - session 存储和性能

Question

我有一个包含与用户 UI 相关的数据的对象。目前，数据以 json 的形式出现，我运行 JSON.parse 来评估对象并相应地生成一些 HTML。

我正在考虑将 json 字符串存储在本地 session 存储(而不是本地存储)中，并在每次 UI 需要使用新的 HTML 更新时调用它。这样，如果用户在同一个浏览器中打开另一个页面，所有页面的所有 HTML 都将是相同的。

目前，对象存储在内存中，用户在 UI 上的操作与对象的修改之间的交互运行得很快。如果我将其序列化并存储在 session 存储中，浏览器会将数据存储在 RAM 中还是硬盘上并减慢页面速度？

Answer 1

我做了这个小测试 FF 32、Chrome 37、IE 11。只是为了好玩。

console.clear();
var s = new Date();
for(var i=0; i < 100000; i++)
{
  sessionStorage.item = i.toString();
}
var e = new Date();
console.log("session: " + (e - s) + " ms");

s = new Date();
var mem;
for(var i=0; i < 100000; i++)
{
  mem = i.toString();
}
e = new Date();
console.log("mem: " + (e - s) + " ms");

s = new Date();
for(var i=0; i < 100000; i++)
{
  localStorage.item = i.toString();
}
e = new Date();
console.log("local: " + (e - s) + " ms");
console.log('Done');

法郎

session :830 毫秒

内存:92 毫秒

本地:1156 毫秒

Chrome

session :2852 毫秒

内存:147 毫秒

本地:2893 毫秒

IE

session :977 毫秒

内存:81 毫秒

本地:15062 毫秒

Safari(不同设备)

session :380 毫秒

内存:21 毫秒

本地:248 毫秒

完成测试后，浏览器的窗口卡住了几秒钟，CPU + 磁盘事件增加(由 localStorage 引起)。