哪个更快,客户端或服务器端 dom 附加

本文关键字:服务器端 dom 附加 客户端 | 更新日期: 2023-09-27 18:33:17

在 asp.net 的 mvc3 视图中,我对返回 80 行 html 代码的控制器操作有一个$.get() ajax 调用。在服务器端创建 dom 元素然后只传入一个巨大的元素以附加到 DOM 是更快(从.get调用到完成渲染),还是将大量原始数据传递到客户端然后在那里进行所有 DOM 创建和追加更快?

返回(或生成)的 html 创建一个仪表板,其中包含大约 5 层嵌套的div、一些跨度、文本等。

哪个更快,客户端或服务器端 dom 附加

我建议您自己进行基准测试,因为这取决于很多因素,例如您的受众设备(计算机/移动设备),互联网速度,数据计划等。 首先了解您的目标受众,然后做更好的事情。

返回格式化的 HTML 对流量很大,但允许您将其直接附加到 DOM。这对于使用笔记本电脑/台式机且具有宽带的人来说很好。

返回原始数据更快,但会让你当场创建 DOM。但是,这通常是高功率机器或移动设备的理想选择,这些机器或移动设备的合同的付款基于传输的数据量。

在这两种方法中完成的主要CPU工作是解析HTML,生成DOM并将其绘制在屏幕上。在服务器上准备响应并不能逃脱这一点。您不能在服务器上创建 DOM 或在服务器上执行此工作。

所以问题是客户端上的字符串串联与服务器上的字符串串联并通过网络发送。这有点不费吹灰之力。