2016-10-19 27 views
4

각도 2 앱이 조금 느려지고 있습니다. 예를 들어 버튼을 클릭하고 (일부 상태를 설정하는) 결과를 표시하는 시간 (해당 상태 값을 기반으로 함)은 몇 초 (~ 1 초) 지연됩니다. 각 변경 감지 루프 동안 호출되는 일부 메서드에는 성능 문제가 있다고 의심됩니다.각도 2 성능 디버그

는 사람에 대한 지침을 제공 할 수 :

1) 어떻게 각 변경 감지 루프 걸리는 시간?

2) 지연에 크게 기여하는 메소드 호출을 정확히 찾는 방법은 무엇입니까?

감사합니다.

+0

http를 호출하면 병목 현상을 쉽게 식별 할 수 있습니다. 수동'detectChanges()'? 장기 실행 계산? 거대한 배열은 페이지 매김 대신'* ngFor'로 표시됩니까? 그렇지 않으면 실제로 문제가 있어서는 안됩니다. – rinukkusu

답변

2

크롬의 개발자 도구에서 프로필 아래의 "JavaScript JavaScript 기록 작성"프로파일 링 유형을 실행하면 기능의 실행 시간을 기록하고 어떤 기능이 사용자 작업의 지연에 가장 많이 기여하는지 감지 할 수 있습니다. app. 그 탭에는 다른 유형의 프로파일 유형이 있습니다 .Internet Explorer에도 비슷한 기능이 있습니다.