html - 如何/在何处将数据存储在客户端的 HTML 上

Question

我正在存储服务器在 HTML 本身中生成的网页的骨架快照，因此当我将 Ajax 请求发送回服务器时，服务器可以找出客户端所拥有的页面并发回适当的差异。

这个框架基本上是一棵树，其中每个节点代表一个组件(菜单栏、侧边栏、内容、评论等)，它的子节点是它的子组件。

目前，我将其存储为 Base64ed GZiped JSONed 数据。作为纯 JSON，它大约需要 4000 个字符，但经过编码大约需要 500 个字符。 (出于兴趣，python 的 Pickle 需要大约 3000 个字符，但只压缩到大约 2000 个)

所以我的问题是，我还能做些什么来压缩数据吗？有没有比 Base64 更紧凑的网络安全数据格式？有什么压缩比 GZip 更紧凑的吗？将 gzip 函数的“级别”从 6 提高到 9 几乎没有节省(~20 个字符)。

另一个问题是，这些数据应该去哪里？目前它只是坐在某处隐藏输入字段的值中。它是否在某些输入的属性中，某些其他标签的属性中，作为具有显示:隐藏的 div 的内容，这根本不重要吗？还是不值得关心？

Answer 1

我看不出有什么理由将它存储在隐藏字段中。我不建议将它存储在隐藏字段中。您可能可以使用 Jquerys 数据方法来存储 json 或将其存储在范围正确的 javascript 变量中。

嗯，我不确定您采用什么方法来获得 DIFF。您是将存储的数据从客户端发送回服务器，还是将数据从服务器发送到客户端，然后在客户端对其进行 DIFF，这可能是更好的选择？

关于压缩，我认为您不应该过多地关注它，因为它也有负面影响，您需要花时间解压缩它。因此，当前要检查的是

compression + decompression < time taken for transfer

如果是这种情况，那么您可能应该压缩数据。