0

记忆前

去年我的应用程序非常慢,在 DOM 上渲染元素需要几秒钟。我看到有不必要的渲染,性能很差。

记忆后

我已经使用React.memouseCallbackuseMemo优化了我的大部分组件、处理程序和计算,这消除了不必要的渲染,并且提高了性能。现在,随着时间的推移,我的应用程序不断增长,我主要记住了所有减少不必要渲染的内容,但我的应用程序再次变得缓慢。

我读到过多的记忆是有问题的,因为它会消耗大量的内存。现在我很困惑我们应该考虑内存还是渲染次数?

我尝试使用 Falemgraph,发现我的一些组件需要一些时间,它说一些钩子发生了变化,但没有告诉哪个钩子它显示了一些数字而不是名称,也是因为我的组件被记忆了吗?

有什么工具可以帮助找出记忆的内存量吗?我想在删除某些组件的记忆后查看内存大小并检查是否有任何改进。

使用 Redux 和 react-query,我的 redux 存储有 3-4 级嵌套的大型对象。我检查了原始对象及其大约 64k 行。这会产生任何问题吗?

4

0 回答 0