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

7.1 Abhilfe schafft das Cache-Manifest

Sämtliche Browser sind zwar von Haus aus mit einem Caching-Mechanismus ausge-
rüstet, jedoch ist dieser recht unzuverlässig und letztendlich abhängig von vielen Fak-
toren, die Sie schwer kontrollieren können. Deswegen ist mit HTML5 das Cache-
Manifest eingeführt worden - eine Liste mit Dateien, die offline verfügbar sein sollen.
Es gibt insgesamt drei entscheidende Vorteile, Dateien offline verfügbar zu machen:

1. Funktionalität offline bereitstellen : Der Benutzer kann Ihre WebApp verwenden,
selbst wenn er keinen Netzzugang hat.
2. Geschwindigkeit : Dateien, die auf dem Gerät gespeichert sind, werden schneller
geladen als solche, die zunächst aus dem Internet geladen werden müssen. Beson-
ders bei Bildern kann dies Ihrer WebApp einen entscheidenden Geschwindigkeits-
zuwachs verpassen.
3. Die Last für den Onlineserver wird minimiert : Besonders bei sehr großen Projek-
ten kann es hilfreich sein, die Last auf den Onlineserver zu verringern. Ihm bleibt
so mehr Bandbreite für die Auslieferung von neuen Daten. Gleichzeitig wird er
diese schneller ausliefern können, was wiederum einen Geschwindigkeitszuwachs
für Ihre WebApp bedeutet.

7

7.1.1 Die Struktur der Cache-Manifest-Datei
Die Cache-Manifest-Datei ist eine einfache Textdatei, die aus maximal drei Bereichen
besteht:

CACHE :
In diesem Bereich definieren Sie die Dateien, die explizit nach dem ersten Laden
gecacht werden sollen.

NETWORK :
Unter NETWORK legen Sie fest, welche Dateien unter allen Umständen vom Online-
server geladen werden müssen.

FALLBACK :
Dieser Bereich beschreibt, was passiert, wenn eine bestimmte Datei online nicht
geladen werden kann. Wenn Sie z. B. für eine bestimmte Sektion Ihrer WebApp
eine Online-Verbindung benötigen, dann können Sie hier festlegen, dass, wenn
keine Online-Verbindung besteht, alternativ eine andere Datei angezeigt wird.
Diese Datei enthält z. B. einen Hinweis darauf, dass dieser Bereich nur online ver-
fügbar ist.

Die maximale Cache-Größe beträgt 5 MB. Sie können diese Grenze überschreiten,
jedoch muss dann der Benutzer dem zustimmen. In Aktion sehen Sie dies bei der
WebApp der Financial Times auf dem iPad (Abbildung 7.3).