HTML and CSS Reference
In-Depth Information
Eine komplette Dokumentation des Frameworks sowie eine Übersicht der Befehle
finden Sie auf
https://github.com/madrobby/zepto
. Da Zepto.js sich noch in der Ent-
wicklung befindet, können sich durchaus noch Methodennamen ändern, neue
Methoden hinzukommen und alte aus der Bibliothek entfernt werden. Studieren Sie
die Dokumentation sorgfältig, bevor Sie mit Zepto.js entwickeln.
2
Zepto.js und jQuery nicht im selben Dokument verwenden
Beachten Sie, dass Sie Zepto.js und jQuery nicht gleichzeitig in demselben HTML-Doku-
ment verwenden können. Da beide Bibliotheken die gleiche Syntax verwenden, könnte
es anderenfalls zu Interferenzen und Laufzeitfehlern im Programmcode kommen.
2.6 Die Geschwindigkeit einer WebApp verbessern
Wichtig für ein gutes Nutzungserlebnis ist, dass sich Ihre Apps schnell und flüssig
bedienen lassen. Eine besondere Herausforderung stellen dabei die häufig noch sehr
langsamen mobilen Internetverbindungen dar. 3G und EDGE erreichen nur einen
Bruchteil der Übertragungsgeschwindigkeit, die Sie von ihrer DSL-Leitung zu Hause
gewohnt sind. Damit sich eine App auf einem mobilen Gerät also schnell und flüssig
lädt, müssen Sie vor allem darauf achten, die Datenmengen möglichst gering zu hal-
ten. In diesem Kapitel stellen wir einige Tricks und Vorgehensweisen vor, die Ihnen
dabei helfen, die Geschwindigkeit Ihrer WebApps zu verbessern.
2.6.1 Kompression
Eine WebApp besteht in der Regel aus vier verschiedenen Arten von Dateien: dem
HTML-Markup, CSS-Definitionen, JavaScript-Code und Bilddateien. Besonders letztere
können locker mehrere Megabyte groß werden, vor allem wenn Sie für die Retina-Dis-
plays von iPad und iPhone angelegt werden. Zur Erinnerung: Der iPad-Bildschirm über-
trifft mit seiner Auflösung von 2.048 × 1.536 Pixel selbst Full-HD-Fernsehbildschirme.
Versuchen Sie mit Bilddateien sparsam umzugehen. Können Sie statt eines Bildes
auch ein HTML-Element oder eine CSS-Eigenschaft einsetzen? Hier ist Ihnen CSS3
eine große Hilfe: War es vor einigen Jahren noch üblich, für abgerundete Ecken oder
Schlagschatten Bilder einzusetzen, können Sie jetzt getrost auf die entsprechenden
Stildefinitionen zurückgreifen. Diese CSS-Eigenschaften haben Sie bereits zu Anfang
dieses Kapitels kennengelernt.
Wenn Sie, trotz aller CSS- und HTML-Tricks, Bilder verwenden müssen, ist die Wahl
des richtigen Dateiformats wichtig. Zurzeit sind drei verschiedene Formate in Web-
anwendungen üblich. Jedes davon ist für einen bestimmten Einsatzzweck optimal:
Search WWH ::
Custom Search