자바 스크립트 실행을 프로파일 링하는 가장 좋은 방법은 무엇입니까?

Question

javascript에 대한 유용한 프로파일 러가 있습니까? 방화범이 코드를 프로파일 링하기위한 지원을한다는 것을 알고 있습니다. 그러나 나는 더 긴 스케일에서 통계를 결정하고 싶다. 자바 스크립트 코드를 많이 작성하고 실제로 코드의 병목 현상을 파악하고 싶다고 가정 해보십시오. 처음에는 모든 자바 스크립트 함수 및 실행 시간의 프로필 통계를보고 싶습니다. 다음은 DOM 기능을 포함합니다. 이것은 렌더링 트리에서의 작업과 같이 느려지는 작업과 결합하여 완벽 할 것입니다. 퍼포먼스가 코드, DOM 준비 또는 렌더링 트리/비주얼의 업데이트에서 죽으면 좋은 인상을 줄 것이라고 생각합니다.

내가 원하는 것을 가까이에 있습니까? 또는 내가 설명한 것을 최대한 활용하는 데 가장 좋은 도구는 무엇입니까? 그것은 자체 컴파일 된 브라우저 플러스 자바 스크립트 엔진 프로필 기능에 의해 강화 될까?

Answer 1

Firebug

파이어 버그는 매우 상세한 프로파일 링 보고서를 제공합니다. 각 메소드 호출이 거대한 (상세한) 테이블에 걸리는 시간을 알려줍니다.

console.profile([title]) 
//also see 
console.trace() 

당신은 당신의 프로필 블록을 종료 console.profileEnd()를 호출해야합니다. http://getfirebug.com/wiki/index.php/Console_API

블랙 버드

블랙 버드 (official site)도

Answer 2

방화범 + 파이어 폭스는 가지고 있어야합니다 (here에서 다운로드 할 수 있습니다) 간단한 프로파일을 가지고 : 여기 콘솔 API를 참조하십시오. 그리고 IE 8의 개발자 툴바에는 프로파일 러가 내장되어 있습니다 (개발자 툴바가있는 IE 8 배송).

Answer 3

Safari 4의 웹 속성에는 프로파일 러가 포함되어 있습니다 (단, nightlies의 버전이 재귀 함수 호출로 개선되었지만). Web Inspector는 Firebug의 프로파일 러 API도 지원합니다.

Answer 4

Firebug가 언급되었지만 Firebug로 살펴보고 싶은 추가 사항 중 하나는 FireUnit이라는 Firebug 용 플러그인입니다. 이 블로그 게시물에 대한 존 레식 회담 : 도움이

JavaScript Function Call Profiling

희망. 당신은 무료로 dynaTrace AJAX Edition

Answer 5

는 내장 된 프로파일이 있습니다.

Answer 6

크롬의 개발자 도구를 사용할 수 있습니다 7 & 8 자바 스크립트, XMLHttpRequest의, DOM 액세스, 렌더링 시간과 IE6에 대한 네트워크 트래픽에 대한