android - PhoneGap + jQueryMobile=遅いタップ応答時間

Question

インターネット上にこれらの質問がたくさんあることは知っていますが、私はすべての解決策（この質問のすべての答え）を試しましたが、どれもうまくいきませんでした。

PCのブラウザでサイトを実行すると、すべて問題ありませんが、電話に展開するとすぐに応答時間が非常に遅くなります。

FastClickを使用し、hoverDelayを0に設定し、自分のイベントをバインドしようとしましたが、結果は同じです。

Android4.1を使用しています。私が試したこと以外の助けをいただければ幸いです。

Answer 1

JQMを高速化するには、トランジションをオフにする必要があります。

ひどいですが、iOSでも、JQMの移行はモバイルデバイスには遅すぎます。ハードウェアが速くなるまで数年待たなければならないのではないかと思います。これは、JQMチームが1.2でパフォーマンスを改善しようとしているにもかかわらずです。アプリの動作が遅くなることなく、トランジションを使用することはできません。

私は常にこれらの設定を使用して、jQuerymobileから最高のパフォーマンスを引き出します。

$.mobile.defaultPageTransition   = 'none'
$.mobile.defaultDialogTransition = 'none'
$.mobile.buttonMarkup.hoverDelay = 0

同様に、JavaScriptを記述している場合は、「クリック」イベントにバインドしないでください。イベントがトリガーされるまでにさらに300ミリ秒の遅延があるため、モバイルデバイスではクリックが遅すぎます。

JQMを使用しているため、代わりに独自のクリックイベントを使用できます（vclick内部ではイベントを使用しています）。touchstarttouchend

それでもまだ遅い場合は、クリックイベントで実際に何が起こっているのかを調べる必要があるかもしれません。おそらく、コードは可能な限り最適化されていません。

Answer 2

モバイルアプリケーションでこれを回避したい場合は、クリックイベントよりもタップイベントを使用する方がよいでしょう。

Tap vs. Click：JohnBenderによるDeathbyIgnoranceを読んでください

Answer 3

このコードスニペットは私のために働いた

var ua = navigator.userAgent, 
event = (ua.match(/iPad|Android/i)) ? "touchstart" : "click";

$("button,a").bind(event, function()
{
    $(this).trigger('click');
});