안녕하세요, IMQA입니다 😉

지난 '기능 뜯어보기 I  대시보드'에서는 하나의 프로젝트를 집중적으로 모니터링할 수 있는 성능대시보드와, 두개의 프로젝트를 비교해서 모니터링할 수 있는 A/B 대시보드에 대해 알아보았는데요. 포스팅 이후, 개발자와 운영자분들께서 사용이 훨씬 편해졌다는 피드백을 많이 주셨답니다. (아직 보지 않으신 분들은, 여기서 확인해 보세요☺️)

이어지는 이번 글에서는 성능 문제 발생 시, 문제의 원인을 분석하는 '화면 성능 분석', '성능 상세 분석'에 대해 알아보겠습니다.

1. 대시보드 (성능/AB) (자세히보기)
2. 화면 성능 분석, 성능 상세 분석
3. 보고서, 알림, 관리
4. 크래시
5. 통계
6. 행동분석

화면 성능 분석, 성능 상세 분석

🙋🏻 무슨 기능인가요?

화면 성능 분석

#화면 별 성능을 30분 단위로 상세하게!

각 화면 별 성능, 화면 조회 수와 이동 경로를 한눈에 확인할 수 있는 화면 성능 분석! 성능 지표에 대한 히트맵을 통해 성능 분포와 저하 상황을 상세히 분석할 수 있어요.

성능 상세 분석

#스택 분석을 통한 정확한 문제 원인 파악!

네이티브/웹뷰 구분하여 분석이 가능한 성능 상세 분석!
코드 레벨로 호출된 함수들을 분석하여 성능 저하 문제 원인을 파악할 수 있어요.

🙋🏻 화면 보는 법 / 활용법을 알고 싶어요!

1. 화면 성능 분석

화면 성능 분석은 대시보드 > 화면별 성능 현황 > 특정 화면 카드를 클릭하면 확인할 수 있습니다.

a. 특정 화면의 주요 성능 지표 요약!
최근 30분 동안의 주요 성능 지표 4가지의 전체・하위 5% 평균을 알 수 있어요.
특정 화면에 어떤 성능 저하가 있었는지 한눈에 파악할 수 있죠.

b. 앱 사용자의 패턴을 파악할 수 있는 화면 이동 경로!
최근 30분 동안의 사용자가 이동한 직전, 직후 화면 경로를 확인할 수 있어요. 해당 화면을 중심으로 가장 주된 흐름을 한눈에 파악할 수 있어요.

c. 히트맵을 통해 성능 분포를 한눈에!
각 성능 지표에 대한 히트맵을 통해 성능 분포와 성능 저하 상황을 상세하게 분석 할 수 있어요. 웹/하이브리드 앱일 경우, '웹뷰 화면 로딩시간', '웹뷰 화면 응답
시간'까지 구분하여 볼 수 있어요.

2. 성능 상세 분석

성능 상세 분석은 '화면 성능 분석', '구간 분석'에서 성능 히트맵을 클릭하거나 구간을 드래그하면 확인할 수 있습니다.

a. IMQA만의 핵심기술! 스택 분석
성능 상세 분석은 네이티브 스택 분석, 웹 리소스 분석, 상세 응답 분석을 할 수 있어요. 이를 통해 성능의 문제점과 문제가 되는 구간을 파악할 수 있어요.