Przyspieszenie przejścia stron w jQuery Mobile 1.1 dla aplikacji iPhone zbudowanych z PhoneGap?

Question

Przejścia stron w JQM 1.1 nadal powodują 1-2-sekundowe opóźnienie na iPhone'ach, co negatywnie wpływa na wygodę użytkownika.

Czy ktoś wymyślił, jak przejść stronę w JQM 1.1 czuć się bardziej natywny? Wiemy, że istnieją alternatywne struktury, takie jak Zepto, ale wolimy używać JQM, jeśli to możliwe.

Używamy aplikacji PhoneGap do dystrybucji aplikacji na urządzeniach z iOS.

Answer 1

Używam kilku metod, które razem dają całkiem satysfakcjonujący wynik.

1) Energize.js - https://github.com/davidcalhoun/energize.js usuwa opóźnienia kranu na wszystkich kliknięć/zawory

2) w swojej inicjacji jQM dodać:

$.mobile.buttonMarkup.hoverDelay = 0; 

3, 4 & 5) Zastosowanie

$("#YourPage").delegate("#YourButton", 'tap', function(event) { 
     $.mobile.showPageLoadingMsg(); 
     $.mobile.changePage("YourPage", { transition: "slide"});            
     e.stopImmediatePropagation(); 
     return false; 
     }); 

3) Zamiast używać normalnego łącza do kotwicy, które jQM następnie konwertuje na telefon komórkowy.changePage - Zrób tę część samodzielnie i (potencjalnie) zgiń kilka ms

4) przenosić go wykorzystać zamiast kliknięcia (choć z energize.js obecnych Nie mogę powiedzieć żadnej różnicy)

5) Pokaż wiadomość ładowania przed rozpoczęciem przenoszenia. Jeżeli strona, której poruszanie się komplikuje to może zająć trochę czasu, aby wygenerować, jeśli wyświetli komunikat ładowania, co najmniej użytkownik wie coś się dzieje

6) Treść Preload użyciu

$.mobile.loadPage("YourPage"); 

ten może być nieco przesadzony z powodu nakładania się, ale mając nadzieję, że dzięki tym technikom będziesz mógł sprawić, że Twoja aplikacja będzie bardziej responsywna!

EDIT - Bonus: Oto blogu, który obejmuje trzy inne techniki dla przyspieszenia aplikacji PhoneGap jQuery mobile: http://therockncoder.blogspot.no/2012/06/three-quick-performance-tips-for.html

Answer 2

zawierać tylko elementy potrzebne przy nabywaniu jQuery mobile

http://jquerymobile.com/download-builder/