移动端列表无限滚动,数据太多引起页面卡顿如何做性能优化

新手上路,请多包涵

移动端长列表性能优化如何做?下拉加载一直会向页面中填充数据,dom太多页面太卡咋办?

阅读 7.5k
4 个回答

滚动数据太多是因为列表的DOM节点树太多导致。可以从减少列表中的DOM节点数量下手,比如实现一个虚拟列表或者用第三方组件,或者使用CANVAS直接绘制列表效果。关于DOM虚拟列表实现可以给点思路给你,10000个列表元素只创建可见区域10条的DOM节点。然后使用CSS定位固定列表元素垂直位置。

估计不是dom太多页面卡,而渲染的过多卡。

用vue和react么?

虚拟列表了解一下

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题