Jak przyspieszyć jquery mobile/phonegap?

Question

Mam małą aplikację internetową. Siedem stron, 3,6 KB index.html i 855,5 KB łącznie. Jedyną dziwną rzeczą mam to baza danych (~ 500kb) w JavaScript z wieloma liniami takimi jak:

$.data(db,'Aarstraße',['34236:1','34246:2','34270:4','34290:6',...]); 

Testowałem go na iPod/iPhone i Android (HTC Magic) i to jest bardzo powolny:

Uruchomienie

• iPhone: 14 sekund
• Android: 21 sekund

Proste tra strona nsition (zjeżdżalnia)

• iPhone: 3-4 sekund
• z Androidem: 4-6 sekund

Jak mogę zrobić to szybko?

Usunąłem już box shadow.

Aktualizacja

usunąć bazę danych, pozostawiając 444.7KB strona Suma. Teraz działa szybciej na Androida. W przybliżeniu tak samo jak jeden iPhone. Nadal wydaje się bardzo powolny.

Aktualizacja 2

Po this question, przeszedłem do latest jquery mobile build. Ulepszono przejścia stron dla wolnych urządzeń z Androidem do ~ 2 sekund na przejście. Wersja 1.1 będzie miała numer mid/late February.

Answer 1

Istnieje kilka rzeczy, które możesz zrobić:

1. Get to deviceready faster.
2. Zminimalizuj kod JS przy użyciu YUI Compressor
3. Przenieś swoje znaczniki skryptów na dół znacznika body.

Jak już wspomniano, wyłączyłeś bazę danych z równania, które prawdopodobnie trwało większość czasu podczas uruchamiania.

Answer 2

Co robisz z jQuery-mobile? Jego wydajność jest bardzo słaba, nigdy nie powinieneś go nazywać większymi wymaganymi elementami. Aby uzyskać szczegółowe informacje, patrz this discussion about jquery-mobile. Wykonuje bardzo dużą liczbę operacji wyszukiwania DOM, ponieważ działa poprzez modyfikację drzewa DOM. Jeśli chodzi o moje testy, działa zbyt wolno, nawet w przeglądarce na komputerze.

Answer 3

Spróbuj bez przejść. Nawet z jQuery 1.1, przejścia stron mogą być naprawdę migotliwe i powolne na iPhonie.

Aby usunąć przejścia stron na całym świecie, tylko dodać następujące jqm.glocal.config.js

$(document).bind("mobileinit", function(){ 
    $.mobile.defaultPageTransition="none" 
});