静态HTML呈现和动态DOM元素呈现之间的性能差异

Question

我正在建立一个在线调查应用程序。我在几页上提出问题。我将使用Ajax方法，当用户通过调查页面时，使用下一个问题更新容器div。问题将存储在服务器上。我应该从服务器返回一个完全形成的HTML片段，并直接设置div html，还是应该返回一个表示问题的JSON对象和客户端上的一些动态DOM操作来将HTML呈现到div中？我更热衷于动态方法，但想知道在iPad上运行时是否存在性能问题（过去iPad上的jquery性能很差）。

非常感谢。

Answer 1

除非你做的事情太荒谬，否则你永远不会注意到两者之间的任何性能差异。但是，您可能会注意到带宽的差异，因为生成的HTML肯定会比传递的任何结构大得多。

无论哪种方式，最大的决定因素应该是您是否要在服务器或客户端上生成结构。我的投票总是在客户端：）

Answer 2

Answer 3

我会将我的观点和数据分开。最重要的是，传输数据通常更便宜。