由于大量dom元素导致的性能问题

performance issue due to huge number of dom elemets

本文关键字：性能 问题 于大量 dom 元素      更新时间：2023-09-26

我有一个网页，在那里我用同一个类循环重复div一千次，因为浏览器引擎似乎卡住了。

有没有什么方法可以改进一个有很多dom元素的页面？还是在dom elemnts上无限滚动？

<div class="test"> content 1</div>
<div class="test"> content 2</div>
<div class="test"> content 3</div>
<div class="test"> content 4</div> //so on like 10000 same divs in loop

如果我是你，我会首先放置一组div来填充屏幕。当你滚动到页面底部时，你可以得到另外几个元素。然后重复该过程。如果您达到所需的div数量，则可以从一开始就开始追加元素。

您可以加载前20个左右，其他的可以通过AJAX方法异步加载，由滚动或底部的可见性触发。无论如何，都不建议卸载顶部DOMs。最佳性能实践的一般建议是避免使用带有ID标记的大量DOM元素。

在这里查看更多关于的信息

相关文章：