如何提高Firefox中动态HTML表的创建速度?

立即呈现完整的表(为表创建完整的HTML并将其插入到DOM中,在循环数据时不要插入单元格/行)。此外,为列生成标记应该会有所帮助(如果为每列指定宽度,则更为有效)。

您可以在chrome或safari dev工具(Windows的ctrl-shift-i或Mac的cmd-alt-i)的时间轴面板的帮助下检查页面上实际发生的情况。这些信息可能会为页面脚本优化提供提示。通常在任何浏览器中都会发生相同的事件集。例如,如果您的javascript动态插入DOM节点,那么您将看到多个布局/绘制事件。

您将获得更多的时间线信息与开发频道版本的Chrome,但它可能有点不稳定。

不幸的是,我在Firebug中找不到这样的工具,如果你对Firefox有这样的了解,请告诉我。

有趣的行为,我认为可以相当相关(虽然有点间接)的问题: http://www.hotdesign.com/seybold/

我是从我自己的答案中得到的 question :

提高渲染效果的一种方法是使用ad/tfooter标记。这些需要出现在包含表的主要内容的tbody标签之前。

<table>
<thead></thead>
<tfoot></tfoot>
<tbody></tbody>
</table>

这样,浏览器在呈现表之前就知道它有多大,这应该会加快加载速度。