PhoneGap を使用してアプリを作成し、オフラインで使用するために保存するためにかなり大きなデータのチャンク (~4kb) をダウンロードすると、アニメーション gif が表示されている場合 (jQueryMobile の読み込み gif など)、データが表示されている間にアニメーションが停止することに気付きました。 LocalStorage に書き込まれています。(おそらく、このケースは LocalStorage への膨大な数の書き込みに関するものであり、レコードの合計サイズに関するものではありませんか?)
HTML の大きなチャンクを DOM に追加する場合も同様です。約 100 程度の HandlebarsJS テンプレートをレンダリング<li>
して DOM に挿入すると (ベスト プラクティスと思われます)、追加が完了するまでページのスクロールとアニメーション GIF が機能しなくなります。
ユーザーの観点からは、アプリが数秒間ロックアップしたように見え (ある意味で...)、それを強制終了したいという誘惑があります。まだ機能しているにもかかわらず。
この動作を防ぐためにできることはありますか? 知覚パフォーマンスが向上するため、実際のパフォーマンスを少し犠牲にしても構わないと思います...