Web

HTML5 in der Praxis

Bessere Performance mit HTML5

11.04.2011
Von Sven Hähle

Schnellerer Seitenaufruf

Nutzer verlangen aufwendige Webapplikationen, die möglichst im Nu geladen sind. Ein Widerspruch? Normalerweise schon, gäbe es nicht für viele Websites deutliches Optimierungspotenzial. Vor allem aber kann es gelingen, den Eindruck einer schnellen Website zu erwecken, indem man ein paar psychologische Gesichtspunkte beachtet. Anwender empfinden nämlich bestimmte Geschwindigkeitsprobleme als störender als andere.

Eine schlechte User Experience entsteht sicherlich, wenn die Applikation während eines Mouseover ins Stocken gerät - dafür nimmt es niemand wirklich übel, wenn nach dem Anklicken eines Buttons ein oder zwei Sekunden vergehen, bevor etwas Neues passiert. Die richtige Schlussfolgerung daraus ist: Lassen Sie Initialisierungs-Code für Events so spät wie möglich ausführen - idealerweise erst dann, wenn er wirklich gebraucht wird. Ersetzen Sie beispielsweise

var things = $('.ele > .other * div.className');

$('#button').click(function() { things.show() });

durch:

$('#button').click(function() { $('.ele > .other * div.className').show() });