Wie man HTML5-Apps beschleunigt

Die Entwickler Amy Hoy und Thomas Fuchs erläutern an einem konkreten Beispiel, worauf bei HTML5-Entwicklung zu achten ist. Amy Hoy und Thomas Fuchs haben eine kleine, aber hilfreiche Webapp für das iPad in HTML5 geschrieben, mit der man schnell und unkompliziert die lokalen Zeiten rund um den Globus ermitteln kann. Die einzelnen Zeitzonen werden als Balken dargestellt, auf denen man mit dem Finger die lokale Zeit einstellt und sofort sehen kann, wie spät es an anderen Orten ist. Diese App schrieben sie zuerst im SDK-Simulator, mussten dann aber feststellen, dass ihre Zeitleiste auf dem echten iPad zäh und langsam reagierte.

Also machen sie sich daran, ihren Code so zu optimieren, um eine schnelle Reaktion und einfache Bedienung zu erreichen. In einem Blogeintrag erläutert Thomas Fuchs an diesem konkreten Beispiel, worauf man als Entwickler achten muss, damit eine Webapp auf dem iPad flüssig läuft. Unter anderem sollte man auf die Möglichkeit verzichten, in HTML5 Grafiken zu erzeugen, auch sollten Text und Textboxen möglichst ohne Schatten gerendert werden. Vom Einsatz eines Frameworks raten sie ebenfalls ab - den schnellsten und besten Code erhält man dann, wenn man ihn selbst entwirft und an die spezifischen Fähigkeiten des iPads anpasst. (ph/appco)