Javascript DOM插入:插入DOM时,某些标记类型是否更快?

Javascript DOM插入:插入DOM时,某些标记类型是否更快?,javascript,jquery,dom,client-side,template-engine,Javascript,Jquery,Dom,Client Side,Template Engine,我有一个网页,它使用客户端模板根据通过ajax调用获得的json更新部分页面 目前,我正在使用一个无序列表,在每个Li中我都有标记来显示有关产品的信息 我很想知道,一些标记插入DOM时是否比其他标记更快?也就是说,我是否应该将ul更改为其他标签,或者更改Li s内的标签 谢谢 b最快的方法是将HTML构造为文本,并一次性设置innerHTML属性 另一种方法是创建一个对象,并在完成后将其放入DOM中 插入一个或另一个标记的速度可能会有所不同,但在不同浏览器之间,插入速度会略有差异 问题是,触摸D

我有一个网页,它使用客户端模板根据通过ajax调用获得的json更新部分页面

目前,我正在使用一个无序列表,在每个Li中我都有标记来显示有关产品的信息

我很想知道,一些标记插入DOM时是否比其他标记更快?也就是说,我是否应该将ul更改为其他标签,或者更改Li s内的标签

谢谢


b

最快的方法是将HTML构造为文本,并一次性设置
innerHTML
属性

另一种方法是创建一个对象,并在完成后将其放入DOM中

插入一个或另一个标记的速度可能会有所不同,但在不同浏览器之间,插入速度会略有差异

问题是,触摸DOM是一项非常昂贵的操作——如果速度是您所追求的——那么将其最小化


首先看一下。

这完全取决于浏览器


也就是说,不同标记的呈现时间之间的差异应该可以忽略不计。使用提供最佳语义的标记。不要担心不同标记的渲染时间。

您所做的标记插入点很有趣,我认为答案应该是这样的。然而,我问这个问题的原因是因为我有一位同事建议将此布局替换为使用表。他的理论是建立在这篇文章的基础上的:我很惊讶,也很怀疑,因为用一个表格来做这件事违背了我在过去几年里在布局中所学到的一切。有什么意见吗?再次感谢,这些东西中的一些可能是正确的,但我不会仅仅为了速度而选择桌子。是的,它可能会快3毫秒-但还有其他的事情,比如延迟,这将花费我300毫秒。看看我添加的关于性能的最后一个链接——这是一个非常好的来源。你说的延迟是什么意思?这是css渲染的延迟吗?很抱歉把这个挖出来了。benwebdev:不,我是说经典案例中的延迟——html从服务器到客户端的时间,服务器等待数据库响应的时间。