Ion*_*icu 2 javascript ajax performance dom
我正在与服务器端开发人员就我的项目(我是前端人员)进行一场小型辩论,围绕向DOM注入新内容.他认为注入大量代码(通过ajax接收)的最佳方法是发送一个JSON对象,然后遍历该对象的每个项目.他说,这将节省一些带宽,更加服务器友好.
显然(对我而言,至少:-)),这意味着客户端上有很多cpu周期.
数据基本上是一个包含20-30行(每个2-3列)的表,这意味着很少(无用)迭代.
另一方面,我认为最好的方法是发送纯XHTML(服务器生成的源)并将其注入到位.这意味着只有一个cpu周期(使用AJAX接收的数据$('selector').html(data)在哪里data,但也意味着很多臃肿的HTML代码.
我使用jQuery(但我认为这不太重要).
所以,你觉得怎么样？伙计们？谢谢!
$('selector').html(data)不是一个cpu周期; 这是一个方法调用.浏览器必须处理所有HTML.
唯一的方法是测试两种方法,并决定您关心客户响应时间与服务器负载的关系.根据您的描述,它可能没有太大的区别.我怀疑你会想要优化第三个因素:开发人员的舒适度.做任何最有意义且易于维护的.