状态与Cookie /本地存储的读取性能

时间:2019-06-09 14:23:10

标签: performance cookies redux local-storage state

我正在React + Redux中开发一个应用程序,我一直存在疑问,我找不到关于它的文档。如果我在一个传奇中,是从cookie / localStorage而不是从状态中读取数据,是否会降低性能?此读取过程在每次加载时只会发生一次。

这里的关键是性能,而不考虑它的好坏。

谢谢。

1 个答案:

答案 0 :(得分:1)

首先-您state是什么意思?在redux中,state只是一个普通对象(还有一些方法,但是仍然)。因此,当您从那里读取数据时,您只是从物体上读取道具。

虽然cookie是localstorage,但它是DOM api,它首先要慢一些,此外,您不仅需要读取数据,还需要对其进行解析(因为这两个cookie都需要存储序列化数据)。因此,存储/ cookie肯定比state慢。

您可以选中http://jsben.ch/nvo5G

但是!-您无法在两次页面重新加载之间保存内存中对象状态。因此,为此,您可以使用存储(名为persistent state的模式。并且可能没有其他方法可以实现此功能(或客户端数据库),以防万一需要在重新加载时恢复某些状态的情况–您只有两种选择-将状态保存在客户端(Cookie,存储/数据库)或服务器上(并获取请求)。

这是MICRO的优化,大多数情况下您不必关心它(对于仅在启动应用程序上阅读的情况)