强制浏览器仅渲染用户可见元素的最佳做法?

时间:2017-04-28 07:28:37

标签: javascript jquery html

我们网站上的一个特定页面加载了1000个div,每个div大约1000px x~1500px(一个可打印的页面),每个div显示其他元素/基本表/等,但高度可能不同。

渲染时间可能是几分钟,具体取决于PC的性能。

使用可加载数百万行的webix等工具证明渲染过程占用了大部分加载时间,但对非表格数据效果不佳。

使用Angular JS创建infinite scroll列表是可能的。但是,对于不同的高度元素,这也不能很好地发挥作用。

到目前为止,我发现的所有解决方案都失去了浏览器查找功能,我们的用户通常会使用这些功能,因此我们可能需要开发自己的搜索工具。

是的,我们可以添加分页或某种分解数据的方式,但用户仍然需要查看所有数据,无论它是如何分解的。

一旦导出到PDF中的相同数据(10,000页30mb)加载到<超过1秒。

我认为最好的解决方案是结合几种不同的想法。

0 个答案:

没有答案