移动端列表无限滚动，数据太多引起页面卡顿如何做性能优化
移动端长列表性能优化如何做？下拉加载一直会向页面中填充数据，dom太多页面太卡咋办？
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
移动端长列表性能优化如何做？下拉加载一直会向页面中填充数据，dom太多页面太卡咋办？
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论（4）
滚动数据太多是因为列表的DOM节点树太多导致。可以从减少列表中的DOM节点数量下手，比如实现一个虚拟列表或者用第三方组件，或者使用CANVAS直接绘制列表效果。关于DOM虚拟列表实现可以给点思路给你，10000个列表元素只创建可见区域10条的DOM节点。然后使用CSS定位固定列表元素垂直位置。
估计不是dom太多页面卡，而渲染的过多卡。
用vue和react么？
虚拟列表了解一下