最近在使用react的时候,需要在某个页面加载大量的DOM节点,在DOM节点到达5000时,页面明显出现卡顿,滑动掉帧严重,但是在查看百度新闻移动端时,通过chrome将新闻节点增加至5000个时,滑动依然顺滑,想问问各位大神,这个应该通过什么思路去优化呢?
光阴似箭催人老,日月如移越少年。
0 - 0 你不说我还没发现。。百度新闻这么潮居然用的是 React,居然还有 fetch。。。这万恶的百毒也莫名的觉得带感了啊
你在 Chrome 中通过修改元素把节点增加到 5000 个,和在你自己的项目中通过获取数据的方式增加到 5000 个,还是很不一样的,少了 React 去做 diff,和 render 的过程。
但是一般而言,如果只是展示数据,不会那么卡顿,我怀疑你是不是逻辑上哪里处理有问题,导致 block 什么的
0 - 0 你不说我还没发现。。百度新闻这么潮
居然用的是 React,居然还有 fetch。。。
这万恶的百毒也莫名的觉得带感了啊
你在 Chrome 中通过修改元素把节点增加到 5000 个,和在你自己的项目中通过获取数据的方式增加到 5000 个,还是很不一样的,少了 React 去做 diff,和 render 的过程。
但是一般而言,如果只是展示数据,不会那么卡顿,我怀疑你是不是逻辑上哪里处理有问题,导致 block 什么的