javascript - Phonegap + jQuery モバイルの改善

Question

jQuery Mobile を使用して Phonegap アプリを構築しています。アプリ全体が動的で、API からデータをロードしています。約 10 ページあり、Phonegap ではアプリの実行が遅すぎますが、ネイティブ ブラウザーに関しては高速です。Phonegap またはどこかを高速化するためにできることはありますか?

Answer 1

速度を低下させる CSS の一部を無効にしてみてください。jquery mobile .css ファイルで、これを一番下に追加します。

* {
text-shadow: none !important;
-webkit-box-shadow: none !important;
-webkit-border-radius:0 !important;
-webkit-border-top-left-radius:0 !important;
-webkit-border-bottom-left-radius:0 !important;
-webkit-border-bottom-right-radius:0 !important;
-webkit-border-top-right-radius:0 !important;
}

Answer 2

CSS を無効にする別の方法は、GC の代替を削除または使用することです。

JavaScript は GC ベースの言語です。つまり、メインスレッドが停止する予測不可能な GC 時間が発生します。これにより、UI が苦労します。ネイティブ実装では、GC を使用するかどうかを制御できます。

これは Android では問題になりません。Android では、Java 上の GC が原因で常に苦労していました。この事実を考慮すると、ほとんどの Android ユーザーは UX をあまり気にしません。しかし、iOS では、HTML5 ベースのアプリが競合他社のネイティブ アプリより優れたエクスペリエンスになることは決してありません。

この GC 時間の問題には、多くの回避策があります。インクリメンタル GC、リアルタイム GC など。しかし、実際には、根本的な解決策はありません。原始的な問題は、あなたがコントロールできないことだからです。