我应该增强客户端上的 Jquery Mobile 元素还是发送带有 data-enhance="false" 的增强标记？

我有一个产品搜索，我正在发送回结果，每个结果都包含两个按钮 JQM 控制组。

我一次发送 24 条记录，因此需要增强 24 个控制组，如下所示：

<div data-role="controlgroup" data-type="horizontal" class="submitButton linkBox">
    <input type="button" class="singleLoader" data-brand="#d#" data-index="#e#" value="#tx#" />
    <input type="button" class="selector" data-brand="#d#" data-index="#e#" data-iconpos="notext" data-icon="fav" value="#tx#" />
</div>

如果我将控制组作为纯 HTML 发送并在客户端上增强它们，则服务器响应为1sec,数据发送20k，页面明显停滞了大约 1-2 秒，可能是因为 JQM 正忙于增强控制组。

我现在正在尝试替代方案，即

  $.mobile.ignoreContentEnabled = true;

并发送完全增强的标记而不是对照组。所以现在我发送这个：

<div data-enhance="false" class="ui-corner-all ui-controlgroup ui-controlgroup-horizontal">
     <div class="ui-controlgroup-controls">
           <div data-icon="" data-iconpos="" class="ui-btn ui-corner-left ui-btn-up-c" aria-disabled="false">
                <span class="ui-btn-inner ui-corner-left">
                     <span class="ui-btn-text">#tx#</span>
                </span>
                <input type="button" value="#tx#" class="ui-btn-hidden" aria-disabled="false">
      </div>
      <div data-icon="fav" data-iconpos="notext" title="#tx#" class="ui-btn ui-btn-icon-notext ui-corner-right ui-controlgroup-last ui-btn-up-c" aria-disabled="false">
           <span class="ui-btn-inner ui-corner-right ui-controlgroup-last">
                <span class="ui-btn-text">#tx#</span>
                <span class="ui-icon ui-icon-fav ui-icon-shadow">&nbsp;</span>
           </span>
           <input type="button" value="#tx#" data-icon="fav" data-iconpos="notext" class="ui-btn-hidden" aria-disabled="false">
       </div>
    </div>
 </div>

这增加了转移的大小34k和响应时间1.5sec，但是页面感觉明显更快，因为没有什么可以增强的。不过我也读过使用data-enhance=false，这对设备性能造成影响。

问题：
还有其他人有如何处理这个问题的经验吗？如果页面感觉更快，我是否应该选择大文件大小/传输时间/性能影响？

好的。基本上有三种选择。我用 Firebug 运行了每一个，以检查文件大小/加载时间以及由于渲染项目而导致的视觉停顿。

a) As is
我正在加载一个列表视图，其中 24 个搜索结果中的每一个都是列表项，每个列表项都有一个两个按钮控件组。

1 listview
24 list items
24 two button controlgroups

将标记略读到重要内容，我收到了20k, about 1sec发送结果，但随后页面在所有项目创建之前又停滞了大约 1-2 秒。

b) 数据增强=假
这还需要设置$.mobile.ignoreContentEnabled=true正如 JQM 所说，扫描data-enhanced是一个性能打击（参见here http://jquerymobile.com/test/docs/api/data-attributes.html）。但我并没有真正注意到。

这样做意味着您必须自己增强您需要的任何内容（在我的情况下是服务器端），因此我将发送完全增强的标记（注意：您也可以尝试删除数据属性，因为它们似乎只向 JQM 表明，什么要分配的班级等）

现在我的搜索返回了35k in 1.5sec，但是页面渲染速度更快，所以感觉好多了。

c) 不增强
我当时还在用trigger('create')关于我发送的东西。但是如果我不需要开火create由于我已经增强了服务器端，因此我不需要增强它们data-enhance=false以及全局配置，这也将节省隐含的性能损失。

事实证明这也很有效。文件大小仍然相同，我相信它会更快（希望这是可测量的）...

所以现在我更愿意发送更多数据（40k包括分页和增强的列表视图/列表项），它似乎响应速度更快。

仍然好奇其他人有什么经历，所以请发布您的发现。