PhoneGap - Androidのブラウザと比較してパフォーマンスが悪い

Question

jquery mobileとphonegapを使用してandroid用のアプリケーションを開発しました。 私はusb経由で自分のデバイスにアプリをデプロイしました。アプリのパフォーマンスは、特に長いリストをスクロールしている間は、本当に悪いことです。

奇妙なことです：携帯電話でブラウザを開いてindex.htmlに直接アクセスすれば、アプリ全体がスムーズに動作します。同じ技術、同じ内容。私はphonegapのネイティブapiや何かを使用しないでください。

アンドロイド4.0.2でphonegap 1.5.0および1.7.0rc1、jquery mobile 1.1.0でテスト済みです。

アイデア？

Answer 1

ここに答えが見つかりました：http://groups.google.com/group/phonegap/browse_thread/thread/94da1cf881abe995/6d4f7aea7aeba523?lnk=gst&q=performance

をJavaScriptのパフォーマンスの面でネイティブブラウザとWebViewの違いは、おそらくあります。

Answer 2

ブラウザが正常に動作していることを確認できれば、実際にブラウザで実行できるように、html5オフラインアプリケーションとして展開することを検討できます。

Answer 3

jquery mobileで同じ量のリスト項目をスクロールしながらパフォーマンスの問題にぶつかりました。私たちがiScrollライブラリを使ってアプリケーションを書き直したので、パフォーマンスはとても劣っていました（PhoneGap環境で試してみませんでした）...今、アプリは本当にスムーズにスクロールします。

開発の初期段階にある場合は、UIライブラリの変更を試みることができます。このような状況の後、我々は時間にパフォーマンスの問題を管理するために、かなり頻繁にデバイスをテストするために我々のアプリを展開

...これは、ハニカムの「ポリシー」:)

Answer 4

（3.0）、アイスクリーム（4.0）と後部になりましたデバイスは、あなたが...>タグ<アプリケーションに以下を加えることで、パフォーマンスを向上させることができます：

android:hardwareAccelerated="true" 

あなたは互換性のため8にminSdk（アンドロイド2.2）と15 targetSdk（アンドロイド4.0）を設定でき、ハードウェアアクセラレーションは、デバイス上でのみ使用可能になると機能します。

私は、このフラグを使用して、私のアプリケーションのパフォーマンスは、ブラウザでそれらを実行しているに等しいので、私はブラウザがハードウェアアクセラレーションを用いて符号化されたそのため、推測すると信じています:)

Answer 5

私は同様の問題だった：ページを"medium complex"というテーマのdivのリストが長くなりました。 HTC電話機のブラウザは表示に問題がなかった。しかし、phonegapのアプリのレンダリングは完全に失敗しました。私は一種のWSODを見ましたが、これはディスプレイに触れた後に消えました。タッチした後、ページが正しく表示されました。

divリストを1つまたは2つのdiv要素に短縮したときや、div内のサブ要素を減らしてCSSの複雑さに起因するレンダリングの労力を軽減したときに問題が発生していませんでした。

文書の背景色のみが表示されていたため、全画面が見えない場合は白い画面が表示されました（このためライトピンクが追加されました）。だから私は、レンダリングが読んだ後に問題だったと思いますthis thread

「WSOD」なしでアプリを動作させるためにin this threadというさまざまな提案を試しました。しかし何も働かなかった。一部のユーザーはアプリを本当に悪化させました。

最後に、検索の1日後、私はそれを作った。私はAndroidManifest

<application android:hardwareAccelerated="false" ... 

今のアプリは私のウェブブラウザと同じ高速のように動作し、私のタグ（タグではない）内で設定しました。ハードウェアアクセラレーションは、常に最高の機能ではない場合、のように思える...

マイバージョン： のPhoneGap 3.5.0、ア​​ンドロイド4.0.3、jQueryのバージョン2.1.0、HTCセンス3.6