JQuery Mobile 1.1.1 を使用していますが、iPad でアプリを実行するとパフォーマンスの問題が発生します。ナビゲーションバーを介して読み込まれる 2 つのページがあり、どちらにも大量の入力フィールド (約 200) があります。ページ間の切り替えには 6 秒以上かかります。
Windowsでjsプロファイラーを使用して、ほとんどの時間が費やされている場所を追跡し、$.mobile.changePage() / enchancePage() / each / _createWidget()にあることがわかりました。したがって、JQM ウィジェットの変換に最も時間がかかっているようです。
JQM キャッシングとプリフェッチを有効にしてみましたが (以下を参照)、違いはないようです。パフォーマンスを向上させるために他に何ができるのか、またはその理由を誰かが知っていますか?
ありがとう!
<script>
$(document).bind('mobileinit',function(){
$.mobile.ajaxFormsEnabled = false;
$.mobile.defaultTransition = 'none';
$.mobile.ajaxEnabled = false;
$.mobile.ajaxLinksEnabled = false;
$.mobile.page.prototype.options.domCache = true;
});
</script>
<div data-role="navbar">
<ul>
<li><a href="page-1.htm" data-ajax="false" rel="external">Page 1</a></li>
<li><a href="page-2.htm" data-ajax="false" rel="external" class="ui-btn-active ui-state-persist">Page 2</a></li>
</ul>
</div
<div id="Page1" data-dom-cache="true">
...
<div id="Page2" data-dom-cache="true">
...