Wie kann ich feststellen, wo ein Javascript am meisten Zeit benötigt?

Ich habe eine Seite, die etwa 15 Sekunden zum Laden benötigt, weil ich einige Loops laufen habe, die DIVs klonen und Inhalte in sie laden. Gibt es einen Weg im Chrome-Inspektor, dass ich leicht sehen kann, wo der Überfall in meinem Skript ist?Wie kann ich feststellen, wo ein Javascript am meisten Zeit benötigt?

EDIT: Ich habe versucht, die Registerkarte "Profile" im Inspektor, aber es zeigt nicht mein eigentliches Skript. Es zeigt den jquery.js-Quellcode, der nicht nützlich ist.

Quelle

2012-04-11 CaptSaltyJack

umm ... naja du kannst immer dein skript posten und *** wir *** können einen Blick darauf werfen und dir sagen wo der verdächtige Holdup ist. – rlemon

Betrachten Sie die Profiles tab of the inspector. Hinweis: Dies ist webkit nur

Weitere Informationen zu den einzelnen Browser-Profiler kann gefunden werden ...

Chrome: https://developers.google.com/chrome-developer-tools/docs/profiles

FireFox: http://getfirebug.com/javascript

Opera: http://dev.opera.com/articles/view/opera-developer-tools/

Selbst IE hat Entwicklungswerkzeuge: http://blogs.msdn.com/b/ie/archive/2008/09/11/introducing-the-ie8-developer-tools-jscript-profiler.aspx

Quelle

2012-04-11 16:48:36 DCoder

Ich habe das versucht, es zeigt nur auf verkleinerte jQuery-Code. Es ist nicht nützlich, weil es mein tatsächliches Skript nicht zeigt. – CaptSaltyJack

Ich habe Ihre Antwort mit einigen hilfreicheren Links für die vielen verschiedenen Browser-Tools/Profiler bearbeitet – rlemon

@rlemon: danke. – DCoder

am Anfang das, was Sie setzen prüfen wollen:

var startTime = new Date().getTime();

und am Ende:

console.log(new Date().getTime()-startTime)

Quelle

2012-04-11 16:53:04 standup75

Wenn das Problem auf die Leistung von JavaScript in Beziehung steht dann Registerkarte Profile in Safari WebInspector oder Chrome DevTools wird dir helfen.

Der Unterschied zwischen ihnen im Profiling-Code für Safari JSC und Chrome V8. JSC hat Instrumentation Profiler, V8 hat statistische Profiler. Der erste ist genauer, der zweite weniger beeinflusst die Leistung der Seite.

Die Benutzeroberfläche ist in Safari und Chrome identisch.

Es gibt zwei verschiedene Sortierreihenfolgen für die Profilerstellungsdaten. Heavy (Bottom Up) und Tree (Top Down). Sie können es in der Combo-Box unten auf der Profilseite ändern.

Wenn der zeitaufwendigste Eintrag der '(Programm)' ist, dann würde ich empfehlen, das Schnittfenster zu verwenden.

Die Chrome-Version des Zeitleistenfensters bietet weitere Informationen.

Quelle

2012-04-11 18:05:40 loislo

Wie kann ich feststellen, wo ein Javascript am meisten Zeit benötigt?

Antwort

Verwandte Themen