反应渲染堆内存问题？

Question

您好，我是一家公司的计划员，该公司在为韩国医师提供移动服务的公司中工作。

我们正在准备使用React-redux改造我们的移动网络服务 像facebook和linkedin一样，我们服务的新UI是“时间轴”风格的，因此无限滚动的性能（包括渲染和加载时间）非常关键。

我们很难对其进行调整。 随着滚动次数的增加，某些内容组件将延迟渲染（Android浏览器），或者必须等待一段时间才能部分渲染（IOS BROWSER）。

http://image.medigate.net/new/capture.gif

我们使用chrome浏览器（台式机）检查了它的性能

http://image.medigate.net/new/graph.png

感谢您的帮助。

（反应16.3.2 /我们使用react-waypoint）

Answer 1

我建议您进行优化，以避免不必要的重新渲染： https://marmelab.com/blog/2017/02/06/react-is-slow-react-is-fast.html

尽管反应速度快，但它也具有触发不必要的重新渲染的缺点，您可以通过遵循链接文章中的一些建议来避免这种情况。