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

时间:2015-12-02 06:54:21

标签: javascript jquery html css

我有一个网页,我在循环中重复了相同类的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

2 个答案:

答案 0 :(得分:0)

如果我是你,我会首先放置一组填充屏幕的div。当您滚动到页面底部时,您可以获得另外两个元素。然后重复这个过程。如果达到了你想要的div数量,你可以从头开始追加元素。

答案 1 :(得分:0)

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

详细了解here