HTML5 in der mobilen Webentwickung - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 79

derkehrende Aufgaben weniger Code schreiben, was Ihre App übersichtlicher macht
und den Entwicklungsprozess beschleunigt.

2

Allerdings hat jQuery für die WebApp-Entwicklung auch einige Nachteile. Das Frame-
work ist vor allem darauf ausgelegt, die Syntax für ältere Browser zu vereinheitli-
chen. Dazu zählen auch Browser wie der Internet Explorer 6 und der Firefox 2, die auf
manchen Desktopsystemen immer noch zum Einsatz kommen, aber auf Smartpho-
nes keine Rolle spielen. Das führt dazu, dass das Framework intern sehr viele veral-
tete Befehle verwendet, die unter iOS und Android eigentlich nicht benötigt werden.

In der Konsequenz ist jQuery in der minimierten Version rund 31 kB, in der unkom-
primierten Entwicklerversion sogar 229 kB groß. Dadurch erhöhen sich die Ladezeiten
Ihrer WebApp. Besonders unter mobilen Netzwerkverbindungen wie 3G oder EDGE
kann der Ladevorgang so wertvolle Sekunden kosten.

Besonders rechenintensiv sind vor allem Animationen mit jQuery: Sie sind so ausge-
legt, dass sie auf allen Browsern und Systemen möglichst zuverlässig und gleichför-
mig dargestellt werden. Da Smartphone-Browser HTML-Seiten aber etwas anders
aufbauen als Desktopbrowser und die Hardware nicht annähernd so leistungsfähig
ist, führt dies zu einer Beeinträchtigung der Darstellungsgeschwindigkeit.

Behalten Sie dies im Hinterkopf, wenn Sie eine WebApp mit jQuery planen. In Kapitel
3, »Konzeption und Gestaltungsprinzipien«, werden wir erklären, wie sich die Perfor-
mance von jQuery-Code auf Smartphones optimieren lässt.

2.5.5 Eine Alternative zu jQuery - Zepto.js

Zepto.js bietet einen ähnlichen Funktionsumfang und eine vergleichbare Syntax wie
jQuery, ist jedoch speziell für den Einsatz auf mobilen Webseiten und WebApps kon-
zipiert. Die Bibliothek steckt jedoch im Vergleich zu jQuery noch in den Kinderschu-
hen und weist hier und dort noch Fehler auf.

Zepto.js ist eine minimalistische JavaScript-Bibliothek, die nur etwa 5 kB umfasst und
speziell für moderne Mobilbrowser ausgelegt ist. Das Framework unterstützt die
Plattformen:

iOS 4+

Android 2.2+

webOS 1.4.5+

Sekundär werden für Entwicklungszwecke moderne Safari- und Chrome-Browser für
den Desktop unterstützt. Die Bibliothek folgt dabei weitestgehend der jQuery-Syn-
tax, enthält aber nicht deren vollen Funktionsumfang. Von den hier vorgestellten
jQuery-Methoden werden z. B. die Animationen .slideToggle() und .fadeToggle()
nicht unterstützt.