Offline – damit eine App in jedem Winkel der Welt funktioniert - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 289

lassen und anschließend loslassen. Mit folgendem EventListener machen Sie das
Feld etwas empfindlicher:

$('#add').on('touchstart', function(){
$(this).find('input[name=add-task]').trigger('click');
});

Sobald der Finger nun das Formular berührt, wird mit der Funktion .trigger() ein
Klick ausgelöst, also der Eingabemodus aufgerufen. Es ist nur ein Detail, aber es wird
die Benutzung Ihrer WebApp merklich beschleunigen.

7

Achten Sie bei der WebApp-Erstellung stets auf solche kleinen Stolpersteine. Fallen
Ihnen vielleicht noch andere auf?

7.4 Checkliste zum Überprüfen der Offline-
Fähigkeit einer WebApp

Jetzt sind Sie schon ein echter Offline-Profi. Als kleine Hilfe haben wir Ihnen im Fol-
genden eine kleine Checkliste zusammengestellt, die Ihnen dabei helfen soll, Ihre
WebApp offline-sicher zu machen:

1. Dateien komprimieren : Sind alle Bilder und Skripte so weit komprimiert wie
möglich? Je kleiner die Dateien sind, desto kürzer ist die Ladezeit Ihrer WebApp.
2. Weniger ist mehr : Je weniger Dateien Sie verwenden, desto weniger Anfragen
muss der Webserver verarbeiten. Je weniger Anfragen der Server verarbeiten
muss, desto weniger Dateien können unterwegs verloren gehen.
3. Cache-Manifest anlegen : Fassen Sie alle benötigten Dateien im Cache-Manifest
zusammen. Achten Sie darauf, nicht mehr benötigte Dateien aus der Liste zu strei-
chen, um den Zwischenspeicher Ihres Geräts nicht unnötig zu belasten - auch dies
hat Auswirkungen auf die Geschwindigkeit der WebApp.
4. MIME-Type festlegen : Haben Sie bereits eine entsprechende .htaccess -Datei ange-
legt und darin den MIME-Type festgelegt?
5. Cache-Manifest verlinken : Haben Sie bereits die Cache-Manifest-Datei mit dem
HTML-Dokument verlinkt?
6. Benutzereingaben : Werden Benutzereingaben auf dem Server gespeichert? Ist es
eventuell möglich, diese durch sessionStorage oder localStorage zu ersetzen?

Funkloch : Was passiert im schlimmsten anzunehmenden Fall, dem kompletten
Verbindungsausfall? Gibt Ihre WebApp eine Fehlermeldung aus, falls Daten nicht
geladen oder gespeichert werden können?

7.