Workshop: bessere Performance mit HTML5

Vorsicht mit Schleifen

Schleifen sind heiße Kandidaten für die Performance-Optimierung - sie machen fast jede Applikation langsamer. Am besten wird ihr Einsatz deshalb ganz vermieden, wo immer andere Lösungen möglich sind. Lassen Sie lieber eine Berechnung ausführen, warten Sie das Ergebnis ab und übergeben Sie es dann an das DOM, anstatt in einer Schleife mit dem DOM zu interagieren. So kann beispielsweise aus dem Code

document.getElementById('target').innerHTML = '';

for(var i = 0; i < array.length; i++) {

var val = doSomething(array[i]);

document.getElementById('target').innerHTML += val; }

folgender Quelltext werden:

var stringBuilder = [];

for(var i = 0; i < array.length; i++) {

var val = doSomething(array[i]);

stringBuilder.push(val); }

document.getElementById('target').innerHTML = stringBuilder.join('');