2014-02-06 3 views
2

두 개의 지시문이 포함 된보기가 있습니다. 각 부분 (보기, 첫 번째 지시문 및 다른 지시문)을 업데이트/바인드/표시하는 데 얼마나 많은 시간이 필요한지 알고 싶습니다.뷰 또는 지시어를 바인드/렌더링하는 시간을 측정하는 방법은 무엇입니까?

JS에서 보낸 시간과 실제 브라우저 렌더링 시간을 포함하여 엔드 투 엔드 기간을 찾고 있습니다.

나는 Batarang이 watches 측정을 돕는다는 것을 알고 있지만, 여기 나는 더 큰 그림을보고있다.

크롬에서 저는 CPU 프로파일을 시작하고 리프레쉬했습니다. 화염 차트보기에서 나는 scope.$digest이 91 밀리 초를 보냈다는 것을 알았습니다. 그러나 그것은 지시어를 포함하여 전체 관점에 맞습니까? 브라우저 렌더링 시간도 포함됩니까?

AngularJS 소스 코드에 여기 저기에 몇 가지 console.log을 삽입해도 괜찮습니다.

답변

3

정확한 상황에 도움이 될지 모르지만 AngularJS 성능 측정에 Batarang (AngularJS의 크롬 확장)이 실제로 도움이 될 수 있습니다. 이처럼 : https://github.com/angular/angularjs-batarang#performance 당신은 여기에서 찾을 수 있습니다

: https://chrome.google.com/webstore/detail/angularjs-batarang/ighdmehidhipcmcojjgiloacoafjmpfk?hl=en

+0

이다. 내가 필요한 걸하지 않는다고 생각해. – Sylvain

+0

당신의 설명을 더 잘 읽었어야합니다. 미안합니다. – bbahov

5

아마이 :) 말에 대한 명성을 잃게됩니다 희망을 할 수 없습니다 -하지만 최근 IE11의 개발 도구는 스크립트 프로파일 러 및 UI 모두가 응답 성 탭.

인터넷 익스플로러에서 IE를 사용하는 것이 약간 이상하지만 dev 도구는 정말 좋았습니다. 크롬에서 전환하기 위해 적응했지만 다소 유용하고 성능이 뛰어납니다.

프로파일 및 사용 방법, 특정 응용 분야를 추적하는 방법의 개요는 이미 Batarang 언급 한 http://msdn.microsoft.com/en-us/library/ie/dn255009(v=vs.85).aspx

관련 문제