PhoneGap + jQuery Mobile = tempo di risposta del rubinetto lento

Question

So che ci sono molte di queste domande su Internet, ma ho provato ogni soluzione (tutte le risposte di this question) e nessuna ha funzionato.

Quando eseguo il sito nel browser del mio PC, tutto va bene, ma non appena eseguo l'installazione sul telefono, il tempo di risposta è molto lento.

Ho provato a utilizzare FastClick, impostando hoverDelay su 0 e vincolando i miei eventi, ma il risultato è lo stesso.

Sto usando Android 4.1. Gradirei qualsiasi aiuto diverso da quello che ho provato.

Answer 1

Per accelerare JQM, è necessario disattivare tutte le transizioni.

Fa schifo, ma le transizioni JQM sono troppo lente per i dispositivi mobili, anche su iOS. Dovremo solo aspettare qualche anno finché l'hardware diventa più veloce, sospetto. Questo nonostante il team JQM sta tentando di migliorare le prestazioni in 1.2. Non riesco ancora a utilizzare le transizioni senza che le mie app si sentano lente.

Io uso sempre queste impostazioni per ottenere le migliori prestazioni da jQuery mobile.

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

Così, se si sta scrivendo qualsiasi JavaScript, non lo fanno legano a tutti gli eventi 'Click'. Il clic è troppo lento sui dispositivi mobili poiché ha un ritardo aggiuntivo di 300 ms prima dell'attivazione dell'evento.

Poiché si utilizza JQM, è possibile utilizzare il proprio evento click vclick (che sotto il cofano sta utilizzando gli eventi touchstart e touchend).

Se dopo di ciò è ancora molto lento, potrebbe essere necessario esaminare cosa sta effettivamente accadendo negli eventi dei clic, forse il codice non è ottimizzato come potrebbe essere.

Answer 2

Sarebbe meglio usare toccare l'evento rispetto all'evento click se si desidera aggirare questo problema per un'applicazione mobile.

Avere una lettura di Tap vs. Click: Death by Ignorance da John Bender

Answer 3

Questo frammento di codice ha funzionato per me

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

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