javascript - 大量DOM节点 性能优化

问题描述

问 题

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

解决方案

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

---

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

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

这篇关于javascript - 大量DOM节点 性能优化的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！