素材牛VIP会员
大量DOM节点 性能优化
 那***哦  分类:Html5  人气:803  回帖:1  发布于6年前 收藏

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

 标签:html5javascript

讨论这个帖子(1)垃圾回帖将一律封号处理……

Lv6 码匠
谎***y 技术总监 6年前#1

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


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

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

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取