0

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">
...
4

0 に答える 0