PhoneGap + jQuery Mobile = temps de réponse du robinet lent

Question

Je sais qu'il y a beaucoup de ces questions sur Internet, mais j'ai essayé toutes les solutions (toutes les réponses de this question), et aucune d'elles n'a fonctionné. Lorsque je lance le site dans le navigateur de mon PC, tout va bien, mais dès que je le déploie sur le téléphone, le temps de réponse est très lent.

J'ai essayé d'utiliser FastClick, en réglant hoverDelay sur 0, et en liant mes propres événements, mais le résultat est le même.

Utilisez Android 4.1. J'apprécierais toute aide autre que ce que j'ai essayé.

Answer 1

Pour accélérer JQM, vous devez désactiver toutes les transitions.

Ça craint, mais les transitions JQM sont trop lentes pour les appareils mobiles, même sur iOS. Nous allons devoir attendre quelques années avant que le matériel ne devienne plus rapide je suppose. C'est en dépit de l'équipe JQM essayant d'améliorer la performance en 1.2. Je ne peux toujours pas utiliser les transitions sans que mes applications ne se sentent paresseuses.

J'utilise toujours ces paramètres pour obtenir les meilleures performances de jQuery mobile. En plus

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

, si vous écrivez une javascript, ne le font pas se lient à des événements « clic ». Le clic est beaucoup trop lent sur les appareils mobiles car il a un délai supplémentaire de 300ms avant que l'événement ne soit déclenché. À la place, vous pouvez utiliser leur propre événement de clic vclick (qui sous le capot utilise les événements touchstart et touchend). Si cela vous est toujours très lent, vous devrez peut-être examiner ce qui se passe réellement dans vos événements de clic - peut-être que votre code n'est pas aussi optimisé qu'il pourrait l'être.

Answer 2

Vous feriez mieux d'utiliser l'événement tap que l'événement click si vous voulez contourner ce problème pour une application mobile.

avoir une lecture de Tap vs. Click: Death by Ignorance par John Bender

Answer 3

Cet extrait de code a fonctionné pour moi

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

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