记忆前
去年我的应用程序非常慢,在 DOM 上渲染元素需要几秒钟。我看到有不必要的渲染,性能很差。
记忆后
我已经使用React.memo、useCallback和useMemo优化了我的大部分组件、处理程序和计算,这消除了不必要的渲染,并且提高了性能。现在,随着时间的推移,我的应用程序不断增长,我主要记住了所有减少不必要渲染的内容,但我的应用程序再次变得缓慢。
我读到过多的记忆是有问题的,因为它会消耗大量的内存。现在我很困惑我们应该考虑内存还是渲染次数?
我尝试使用 Falemgraph,发现我的一些组件需要一些时间,它说一些钩子发生了变化,但没有告诉哪个钩子它显示了一些数字而不是名称,也是因为我的组件被记忆了吗?
有什么工具可以帮助找出记忆的内存量吗?我想在删除某些组件的记忆后查看内存大小并检查是否有任何改进。
使用 Redux 和 react-query,我的 redux 存储有 3-4 级嵌套的大型对象。我检查了原始对象及其大约 64k 行。这会产生任何问题吗?