我正在开发一个需要更新许多html元素的项目。问题是我发现即使在高端机器上,我的性能也比预期慢。现在当我进行每次更新时,我的浏览器(chrome和firefox)都会尝试重新分析页面。
有没有办法可以告诉浏览器“嘿我要做一堆html更新,在我这么说之前不要再费力了吗?”
答案 0 :(得分:1)
JavaScript执行会阻止浏览器执行重绘,但不会重排,这在浏览器必须重新计算元素位置时会发生。我建议使用cloneNode克隆需要更改的节点,然后更改新节点并将它们一次性插入DOM中。
这是一个非常相似的问题How to freeze web browser's repaints while changing visibility of elements?