javascript - 大量DOM节点 性能优化

Question

最近在使用react的时候，需要在某个页面加载大量的DOM节点，在DOM节点到达5000时，页面明显出现卡顿，滑动掉帧严重，但是在查看百度新闻移动端时，通过chrome将新闻节点增加至5000个时，滑动依然顺滑，想问问各位大神，这个应该通过什么思路去优化呢？

Answer 1

0 - 0 你不说我还没发现。。百度新闻这么潮
居然用的是 React，居然还有 fetch。。。
这万恶的百毒也莫名的觉得带感了啊

---

你在 Chrome 中通过修改元素把节点增加到 5000 个，和在你自己的项目中通过获取数据的方式增加到 5000 个，还是很不一样的，少了 React 去做 diff，和 render 的过程。

但是一般而言，如果只是展示数据，不会那么卡顿，我怀疑你是不是逻辑上哪里处理有问题，导致 block 什么的