javascript - Sencha Touch 2 android のパフォーマンス

Question

一般的に煎茶は、javascript を使用するだけで、Android デバイスでパフォーマンスの問題があると聞いています。

Android webview オブジェクトの制限についてはよく知っていますが、特に Sencha Touch 2 がリリースされたことで、これらのパフォーマンスの主張にメリットがあるかどうか疑問に思っていました。

私はローエンドの Android デバイスを持っていませんが、Sencha Touch 2 ギャラリーを調べていて、無料の Android アプリを簡単に見つけることができなかったので、Android で Sencha Touch 2 を使った経験と、それを作るために何をしたかを説明してください。より速く

Answer 1

これまでの私の経験では、Sencha Touch 2 アプリケーションを可能な限り最高のパフォーマンスで開発する際に留意すべき重要なポイントがいくつかあります。

1. アプリケーションの起動時間を最適化するには:

   • JS と CSS ファイルを圧縮します。未使用の JS 関数または CSS mixin を削除します (これは、SASS/Compass を使用して簡単に実行できます)。詳細については、こちらをお読みください: http://www.sencha.com/blog/an-introduction-to-theming-sencha-touch
   • 外部 JS ファイルを動的にロードします。すでにここに良いトピックがあります: Sencha Touch 2 で外部 JavaScript をロードする適切な方法は何ですか?

2. アプリケーションのパフォーマンスを最適化するには:

   • DOM 構造をできるだけ小さくしてください。非アクティブなビューは破棄する必要があります (必要に応じて後でコンテナーに動的に追加します)。
   • Android デバイスでは CSS3 プロパティが非常に遅いため、あまり多くの CSS3 プロパティを使用しないでください。
   • スクロールビューの場合、Android ではオーバースクロールを無効にする必要があります。私は Android デバイス上で多くの Sencha Touch 2 アプリケーションをテストしましたが、オーバースクロールは遅延と遅延のために非常に不快な体験を引き起こします。(Galaxy Tab、Nexus S、一部の HTC でテスト済み)

ここには、あなたの懸念に非常に関連するトピックもあります。

PhoneGap 1.4 ラッピング Sencha Touch 2.X - パフォーマンスはどうですか?

それが役に立てば幸い。

2014 年 2 月 12 日に編集: この回答を投稿してからほぼ 2 年 (つまり、Sencha Touch を使用して 3 年以上) が経ちましたが、Android での Sencha Touch のパフォーマンスは残念ながら受け入れられないものであると言わざるを得ません。ベスト プラクティスを完全に習得していないのではないかと考えることもありましたが、それが理由ではないと思います。または、少なくとも、ネイティブ アプリと同等の「ルック アンド フィール」を備えた大規模な Sencha Touch アプリを開発するには、トリックに時間がかかるため、何年もかかるでしょう。

つまり、iOS をターゲットにしている場合や、アプリが非常に小さい場合でも問題ありません。しかし、Android 上の大きなアプリの場合、私は個人的に Sencha Touch を使いません。