Zwei Tipps für das JavaScript-Profiling

Tipp 1: Anonyme Funktionen sind für JavaScript-Profiler ein Problem. Die Entwickler-Tools benötigen in der Regel einen Funktionsnamen, um Ergebnisse exakt auflisten zu können. Für das Problem gibt es eine elegante Lösung, die mit allen gängigen Browsern kompatibel ist. Schreiben Sie anstelle von

$('.beispiel').each(function() { ... });

einfach

$('.beispiel').each(function FunktionBeispiel() { ... });

Tipp 2: Stellen Sie sich vor, Sie haben eine JavaScript-Funktion mit sehr viel Code. Sie vermuten, dass nur ein kleiner Teil davon der Grund für Performance-Probleme ist. Abgesehen von der schlauesten Methode, den Code vollständig zu überarbeiten und lange Funktionen zu vermeiden, kommen Sie vielleicht auch mit diesem Trick weiter: Fügen Sie Statements in Form sich selbst aufrufender Funktionen in Ihren Code ein. Wenn Sie vorsichtig vorgehen, ändert das nichts an der Semantik Ihres Codes. JavaScript-Profiler können aber jeden Teil des Codes als individuelle Funktion erkennen und ausmessen:

function langeFunktion() {

...

(function einTeilderArbeit() {

...

})();

...

}

Vergessen Sie aber nicht, diese Funktionen nach dem Profiling wieder zu entfernen. Oder noch besser: Überarbeiten Sie anschließend den Code gleich richtig.