性能下降之前,文档中的div数量是否有上限?

时间:2010-12-25 04:31:44

标签: html browser

我正在开发一个将通过div显示大量信息的网站。它基本上是一个div的图表。它的设置方式是我有一个外部div,其设置大小可以滚动内容(点击并拖动谷歌地图)。

从这里我可以通过两种方式前进,拥有一个大的内部div,其中包含所有图表div。这是迄今为止最简单的方法。我看到的另一个选项是平铺方法,我将大内部div分解为更小的div,并根据需要动态添加/删除它们。

图表本身可能是1999425014像素的平方。每个点由6个div组成,并且有100,000多个点。

前进的最佳方式是什么?

1 个答案:

答案 0 :(得分:1)

我相信大多数现代浏览器只会根据需要渲染部分页面。如果整个页面适合RAM,则仅绘制当前可见的部分。我的结论是因为当我使用其他程序时,大型文档不会减慢我的计算机速度,但是当我滚动一个程序时会有一些滞后。此外,当通过操作系统的API重新绘制窗口时,只应呈现可见的像素。无论如何,这只有在设计时才有意义。

当然,除非您在谈论滚动,否则您可以在页面上放置任意数量的内容而不必担心实时性能命中。渲染文档所花费的时间比从系统内存中检索文档并确定滚动条的位置要少。

祝你好运,祝圣诞快乐。

- 汤姆