大量DOM节点 性能优化

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

已邀请:

miccan123

赞同来自:

  • 简化CSS类的长度

  • js尽量不要使用遍历DOM的操作(5000个要累死的)

  • js不要重复用DOM操作来获取同一个节点,使用变量储存

  • HTML的节点层级不要嵌套过深,一般不超过4层

  • 此外,很想吐槽一下,一个页面有5000标签,这种页面应该被重构。

要回复问题请先登录注册