Javascript 强制浏览器仅渲染用户可见元素的最佳实践？

我们网站上的一个特定页面加载了1000个div，每个div约为1000px~1500px（一个可打印页面），每个div显示额外的元素/基本表/等，但高度可能不同

渲染时间可能为几分钟，具体取决于电脑性能

使用可以加载数百万行的工具，可以证明渲染过程占用了大部分加载时间，但对于非表格数据来说效果不佳

使用Angular JS创建列表是可能的。但是，对于不同高度的元素，这也不起作用

到目前为止，我发现的所有解决方案都没有浏览器查找功能，这是我们的用户常用的功能，因此我们可能必须开发自己的搜索工具

是的，我们可以添加分页，或者以某种方式分解数据，但是用户仍然需要查看所有数据，不管这些数据是如何分解的

相同的数据（10000页30mb）一旦导出为PDF，将在小于1秒的时间内加载

---

我认为最好的解决方案是将几个不同的想法结合起来。

您可以从顶部在特定高度上动态加载模板，并继续无限地加载。没错，然而，最终DOM被填满，页面响应用户输入的速度变得非常慢。你可以尝试在它的页面上实现类似facebook的懒散加载，只有当你向下滚动足够的时候才会加载。为什么不动态加载模板并在用户滚动时删除以前的DOM呢？@warl0ck这就是OP提到了“无限滚动”技术，这会破坏浏览器的查找功能。