4

いくつかのhtmlページとjsページを含むPhoneGapとJqueryMobileフレームワークを使用してAndroidアプリを構築しました。

最初の読み込み時間は非常に長く（ネイティブアプリと比較して5〜10秒後）、ページナビゲーションが遅すぎます。

ある画面から別の画面へのナビゲーションには時間がかかります。

速度を上げるためのヒント/ハウツー/コツはありますか？よく使うアプリには本当に使えません。

もう1つの問題は、アプリのメモリ使用量です（単純なアプリケーションの場合は約50 MB）

すべてのトリックとヒントは大歓迎です。

4

2 に答える 2

7

遅いデバイスで役立つことがわかったいくつかの最適化のヒント：

  • デフォルトのページ遷移を変更してみてください。多くのAndroidデバイスは、ブラウザのハンドセットのハードウェアアクセラレーション機能をサポートしていません。つまり、JQueryMobileがデフォルトで使用しようとするCSS3トランジションは非常に低速です。次を使用できます。

    $.mobile.defaultPageTransition = 'none';

    デフォルトの遷移をすべてオフにします。

  • スクリプトの読み込み時間に関しては、依存関係の個々の読み込み時間を調べて代替案を見つける以外にできることはあまりありませんが、読み込み中にアプリが不安定に見えないようにすることができます。これが私が使用する簡単なハックです：

    <style type="text/css">
  .doc {display: none;} /* don't show body by default */
</style>

<body id="main_body" class="doc">

    すべてが読み込まれると、私は電話します

    $("#main_body").removeClass("doc");

    アプリケーションを表示します。すべての依存関係が順番に読み込まれるようにするために、Javascriptプリローダー（LABjs）を使用しています。

于 2012-12-08T19:43:19.670 に答える
2

まず、jQueryのような重いフレームワークを使用する代わりに、xuijsを試してみてください。

于 2013-02-07T14:07:15.020 に答える