Nextjs状态大小影响性能和状态更新滞后



Nextjs中,当我在状态保存巨大的数据时,例如50mb,状态更新速度非常低,并降低了站点的性能。有什么解决办法吗?我正在寻找两天提前感谢

在一个状态中保存这么多数据可能不是一个好的做法。

我建议:

1-将全局状态(也可以称为任何父状态(扩展为多个局部状态(组件状态(。

2-只在状态中保存必要的数据(如果您使用的是redux等状态管理库,则只保存真正共享的状态,很可能是某些UI状态(,有多种类型的状态,请考虑查看以下文章以了解更多详细信息。

3-使用React Query这样的数据获取库,您可以从缓存行为中受益,缓存行为可以扮演与共享状态类似的角色。

请为例如300x300的视频和图像创建缩略图并显示。它不会有滞后时间。一旦您必须将原始获取状态的blob发送到服务器。

希望它有帮助!!

最新更新