検索

ホームページ  >  に質問  >  本文

javascript - 大量DOM节点 性能优化

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

大家讲道理大家讲道理2816日前859

全員に返信(1)返信します

  • PHPz

    PHPz2017-04-11 12:35:45

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


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

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

    返事
    0
  • キャンセル返事