2009-04-15 6 views
3

Ich frage mich nur, was das beste Werkzeug ist, um wirklich JS-Skripte zu prüfen und nach Möglichkeiten zu suchen, die Gesamtleistung in Bezug auf Größe und Geschwindigkeit auf das "äußerste Maximum" zu verbessern?Javascript Leistungsoptimierung?

Antwort

3

Ich benutze gerne Firebug Profiler für die Verbesserung der Gesamtgeschwindigkeit. Es zeigt Ihnen, wie oft jede Funktion aufgerufen wurde, wie lange die Ausführung dauerte (Durchschnitt und Gesamt) und wie viel Prozent der gesamten JS-Ausführungszeit der Funktion dauerte. Ich bin kein großer Fan von Mikro-Optimierung, also benutze ich keine Werkzeuge, um das "äußerste Maximum" aus meinem Code herauszuholen, aber der Profiler hilft, die größeren Probleme auszusortieren.

Wie Größe, verwende ich die YUI compressor, um die Größe meiner JavaScript-Dateien zu minimieren. (Es gibt andere JavaScript Minification-Tools da draußen, ich bin nur am meisten an YUI's gewöhnt.)

1

Und wenn Sie Safari 4 haben, können Sie den JavaScript Profiler in seiner Web Inspector verwenden.

Für die Komprimierung Ihres Codes, mag ich die JavaScript Packer von Dean Edwards.

Steve

+0

PACKER tatsächlich Dinge machen * größere * vs GZIP transportiert und wird die Ladezeit verlangsamen mit dem anfänglichen Parse/eval Schleife. Reduzieren Sie es einfach und verwenden Sie den GZIP-Transport. –

+0

Aber der Packer * ist * ein 'Minifier'. Für mich hat der Packer die Dinge immer ziemlich gut verkleinert (z. B. das Reduzieren einer Datei von 28 KB auf 16 KB), und das Base62-Encoding (das die erste Parse/Eval-Schleife hinzufügt) ist optional. –

0

Ich folge normalerweise den folgenden Schritten.

  1. Mit JSLint - http://www.jslint.com/ das Skript optimieren.
    • Verwenden Sie YUI Compressor.
    • Profilieren Sie das Skript. Siehe Firebug & YSlow.
Verwandte Themen