合并或批处理HTML解析

时间:2017-02-20 04:28:30

标签: javascript html parsing dom updates

我正在开发一个需要更新许多html元素的项目。问题是我发现即使在高端机器上,我的性能也比预期慢。现在当我进行每次更新时,我的浏览器(chrome和firefox)都会尝试重新分析页面。

Many small html updates turn into a lot of browser work

有没有办法可以告诉浏览器“嘿我要做一堆html更新,在我这么说之前不要再费力了吗?”

1 个答案:

答案 0 :(得分:1)

JavaScript执行会阻止浏览器执行重绘,但不会重排,这在浏览器必须重新计算元素位置时会发生。我建议使用cloneNode克隆需要更改的节点,然后更改新节点并将它们一次性插入DOM中。

这是一个非常相似的问题How to freeze web browser's repaints while changing visibility of elements?