我有一个网页,我在循环中重复了相同类的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
答案 0 :(得分:0)
如果我是你,我会首先放置一组填充屏幕的div。当您滚动到页面底部时,您可以获得另外两个元素。然后重复这个过程。如果达到了你想要的div数量,你可以从头开始追加元素。
答案 1 :(得分:0)
您可以前20个左右加载,其他可以使用AJAX方法异步加载,由滚动或底部的一个可见性触发。无论如何,不推荐卸载顶级DOM。最佳性能实践的一般建议是避免使用带有ID标签的大量DOM元素。
详细了解here