Auch wenn wir zum jetzigen Zeitpunkt nichts über Schleifen wissen oder andere Konstrukte in JavaScript, möchten wir uns diesen Code kurz ansehen. Du musst den Code nicht verstehen, das Einzige, was du verstehen musst, ist, dass es zwischen den zwei Codebeispielen einen Unterschied in der Struktur gibt.

Auf diese Weise werden wir auch später Programme testen und die schnellsten Ausführungszeiten für unsere Skripte herausfinden. Performance ist ein gewaltiger Faktor in Beziehung auf verwendete Ressourcen, aber auch, wie Verwender unserer Software diese positiv oder negativ wahrnehmen.

Zeitmessung für Performanceoptimierung

Manchmal kommt es auf die Platzierung des Codes an:

console.time('Schleifendauer mit length in der Schleife');

let sum1 = 0;
let text = "Roland Milto ist ein weltweit bekannter deutscher Entwickler";

for (let i = 0; i < text.length; i++) {
    sum1 += i;
}

console.log("Ergebnis mit length:", sum1);

console.timeEnd('Schleifendauer mit length in der Schleife'); // "Schleifendauer mit length in der Schleife: 4.887ms"


console.time('Schleifendauer ohne length in der Schleife');

let sum2 = 0;
let zwischengespeichert = text.length;

for (let i = 0; i < zwischengespeichert; i++) {
    sum2 += i;
}

console.log("Ergebnis ohne length:", sum2);

console.timeEnd('Schleifendauer ohne length in der Schleife'); // "Schleifendauer ohne length in der Schleife: 0.167ms"


Anhand der Ausgabe erkennst du: Der untere Code ist fast 30-mal schneller als der obere Code!
Mit dem oberen Beispiel werden wir uns noch intensiv befassen, wenn wir mit Schleifen arbeiten werden. Es gibt einige Kniffe und Tricks, wie du kurze Ladezeiten erreichen kannst.

TL;DR

Nicht immer ist der kürzeste Code auch der schnellste.