javascript - 之前更快地追加或创建 html 元素？-- jQuery

Question

我正在努力使我的应用程序更快。我希望某些元素仅在 ajax 请求成功时出现。请求成功时使用 append 创建元素是否更快，或者在实际 html 中创建 html 元素并使用 .html 将内容插入元素中是否更快？

Answer 1

根据这个JSPerf：普通的旧innerHTML节拍.html()（和.html()节拍.append()）。

但是根据这个JSPerf：DOMbeats innerHTML。

因此，可能想研究documentFragmentDOM1 中指定的，甚至 IE6 中的支持（因此没有理由不使用它）。

由于文档片段在内存中而不是主 DOM 树的一部分，因此将子片段附加到它不会导致页面“回流”（计算元素的位置和几何形状）。因此，使用文档片段通常会带来更好的性能。

John Resig 在这里写了一篇很好的文章并得出结论：

在现代 Web 开发中很大程度上被忽略的方法可以为您的 DOM 操作提供一些严重的（2-3 倍）性能改进。

您可能只想在每个要优化的情况下组合其中的一些技术。

希望这可以帮助！