성능 대시보드

1. 개요

화면 설명

IMQA MPM 대시보드는 다양한 성능 지표 구성을 제공합니다. IMQA MPM 성능 대시보드는 앱 버전 별 성능을 실시간으로 파악할 수 있습니다. 앱 요약 정보와 주 성능 현황을 시계열 데이터로 확인할 수 있으며, 사용자가 방문한 화면에 대한 성능을 종합적으로 확인할 수 있습니다.

IMQA MPM 성능 대시보드는 다음과 같이 구성됩니다.

❶ 상단 바(공통) ❷ 툴바(성능 대시보드) ❸ 앱 요약 정보 ❹ 성능 문제 발생률 ❺ 시계열 성능 정보 ❻ 화면별 성능 현황 ❼ 성능 하위 목록 ❽ 최근 발생 알림

상단 바(공통)

❶ 로고 클릭 시 프로젝트 리스트의 메인으로 이동합니다.

❷ MPM 메뉴 클릭 시 각 MPM 메뉴 페이지로 이동합니다.

❸ 모드 변경 아이콘 ‘대시보드'와 ‘행동분석' 페이지에서 화면 테마를 변경할 수 있습니다. 클릭 시 화면 테마를 ‘Light 모드'와 ‘Dark 모드’로 변경합니다.

❹ Crash 아이콘 프로젝트 생성 시 Crash 서비스를 생성했을 경우 표시되며, 클릭 시 동일한 앱의 ‘Crash > 대시보드' 페이지로 이동합니다.

❺ 프로젝트 네비게이션 현재 위치한 프로젝트에서 다른 프로젝트로 이동할 수 있습니다. [홈] 아이콘을 클릭하면 프로젝트 리스트로 이동하며 프로젝트 변경 시 해당 앱의 ‘서비스 > 대시보드’로 이동합니다. 설정한 비교 대상 프로젝트가 있을 경우, 상단에 표시됩니다.

비교 대상 프로젝트 설정에 대한 자세한 내용은 'MPM 사용하기 > 관리 > 프로젝트 관리 > 프로젝트 정보 > 비교 대상 프로젝트'를 참고하세요.

❻ 회원 메뉴 로그인 계정의 회원 메뉴가 표시됩니다.

• IMQA 가이드: IMQA의 가이드를 확인할 수 있습니다. 클릭 시 브라우저 새 탭으로 표시합니다.

• 사용자 설정: 사용자 이름과 비밀번호를 변경할 수 있습니다. 브라우저 시간대는 IMQA 분석 정보의 표시 기준 시간을 변경할 수 있습니다.

로그인 사용자가 시간대를 자동으로 가져오지 못하는 환경에 있을 경우, IMQA의 시간 정보가 제대로 표현되지 않을 수 있습니다. 브라우저 시간대로 접속한 지역에 맞는 GMT 표준 시간으로 수동 설정할 수 있습니다.

• 언어 설정: IMQA의 표시 언어를 변경할 수 있습니다. ‘한국어’와 ‘영어'로 변경 가능합니다.

• 로그아웃: 계정을 로그아웃합니다.

2. 툴 바

❶ 대시보드 정보 현재 대시보드 뷰 모드를 표시합니다.

❷ 프로젝트 정보 프로젝트의 플랫폼아이콘과 프로젝트 이름을 표시합니다.

❸ 앱 버전 프로젝트의 앱 버전을 변경할 수 있습니다. 앱 버전 변경 시 대시보드의 정보를 선택한 앱 버전으로 갱신합니다.

앱의 관리 주기에 맞게 IMQA에서 주로 모니터링할 앱 버전을 지정할 수 있습니다. 앱 버전 관리에 대한 자세한 내용은 'Crash 사용하기 > 프로젝트 리스트 > 전체 프로젝트 관리 > 앱 버전 관리'를 참고하세요.

❹ 대시보드 뷰 다양한 주제의 대시보드 뷰로 변경할 수 있습니다.

3. 앱 요약 정보

앱 요약 정보

특정 앱 버전의 오늘 사용자 수, 앱 실행 수와 최근 30분 평균 문제 발생률을 확인하고 비교할 수 있습니다.

오늘 이용자 수/실행 수

오늘 날짜 00시부터 ~ 현재 시간까지의 사용자 수, 앱 실행 수를 확인할 수 있습니다. (Lite 플랜의 경우, 최근 30분 이용자 수와 최근 30분 실행 수를 확인할 수 있습니다.)

• 이용자 수: 오늘의 사용자 수를 카운트합니다. 중복을 제외한 순 사용자를 의미합니다.

• 실행 수: 오늘의 앱 실행 수를 카운트합니다.

성능 지표	산출 구간	산출 값	병합 방식
이용자 수	오늘 날짜 00시 ~ 현재 시간	사용자 수	카운트
실행 수	오늘 날짜 00시 ~ 현재 시간	앱 실행 수	카운트

빠른 파악을 위해 1,000단위를 ‘1K’로 요약 표시하며, 실제 데이터는 ‘K’로 요약 표시된 숫자에 마우스 포인터를 올리면 표시되는 툴 팁으로 확인할 수 있습니다.

평균 문제 발생률/성능 날씨

최근 30분의 평균 문제 발생률과 성능 날씨 지표를 확인할 수 있습니다.

• 평균 문제 발생률: 최근 30분 동안의 각 성능 지표(화면 로딩시간, 응답시간, CPU, 메모리, 크래시)의 기준치를 넘는 데이터 비율인 문제 발생률의 평균을 산출합니다.

• 성능 날씨: 최근 30분 동안의 평균 문제 발생률에 따라 5단계 날씨 아이콘이 표시됩니다.

성능 지표	산출 구간	산출 값	병합 방식
평균 문제 발생률	최근 30분	문제 발생률	각 성능 지표 문제 발생률 (기준치 이상 데이터 / 전체 데이터)*100 의 평균
성능 날씨	최근 30분	평균 문제 발생률	~20%, 5단계

평균 문제 발생률과 성능 날씨는 최근 30분 동안의 앱 전반 성능을 파악하는 경우에 유용합니다. 앱 단위의 상위 평가 지표를 통해 빠르게 성능을 평가할 수 있습니다.

4. 성능 문제 발생률

현재 위치한 앱 버전과 다음 우선순위 앱 버전의 최근 30분 동안의 크래시, 메모리, CPU, 응답시간, 화면 로딩시간의 5가지 성능 지표의 문제 발생률을 그래프로 표시합니다. 각 성능 지표 별 기준치를 넘는 데이터의 비율을 비교해 볼 수 있습니다. ‘성능 문제 발생률’은 1분마다 갱신됩니다.

• 문제 발생률: 최근 30분 동안의 성능 지표 별 문제 발생률을 산출합니다.

성능 지표	산출 구간	산출 값	병합 방식
크래시	최근 30분	문제 발생률	크래시 발생 수 / 앱 실행 수
메모리	최근 30분	문제 발생률	(기준치 이상 데이터 / 전체 데이터)*100
CPU	최근 30분	문제 발생률	(기준치 이상 데이터 / 전체 데이터)*100
응답시간	최근 30분	문제 발생률	(기준치 이상 데이터 / 전체 데이터)*100
화면 로딩시간	최근 30분	문제 발생률	(기준치 이상 데이터 / 전체 데이터)*100

성능 지표별 기준치는 ‘관리 > 프로젝트 프리셋'에서 설정할 수 있습니다.

5. 시계열 성능 정보

최근 30분간 사용자 수, 앱 실행 수, 크래시 발생 수와 화면 로딩시간, 응답시간, CPU, 메모리의 성능 지표의 하위 5%의 평균과 전체 평균을 시계열 그래프로 표시합니다. 성능이 저하된 구간 및 성능의 변동 추이를 확인하고 비교할 수 있습니다. 시계열 성능 정보는 1분마다 갱신됩니다. 크래시 그래프에서 눈에 띄는 특정 1분을 선택하면 사용자별 에러 목록 페이지를 표시합니다.

화면 로딩시간, 응답시간, CPU, 메모리 그래프에서 눈에 띄는 특정 1분을 선택하면 성능 상세 분석 팝업을 표시합니다.

현재 이용자 & 실행 수

최근 30분간 사용자 수, 앱 실행 수를 1분 간격으로 확인하고 비교할 수 있습니다. ‘현재 이용자 & 실행 수’는 1분마다 갱신됩니다.

• 이용자 수: 최근 30분간 사용자 수를 1분 간격으로 카운트합니다. 중복을 제외한 순 사용자를 의미합니다.

• 실행 수: 최근 30분간 앱 실행 수를 1분 간격으로 카운트합니다.

크래시

최근 30분간 크래시 발생 수를 1분 간격으로 확인하고 비교할 수 있습니다. ‘크래시’는 1분마다 갱신됩니다.

• 크래시: 최근 30분간 크래시 발생 수를 1분 간격으로 카운트합니다.

화면 로딩시간

최근 30분간 화면 로딩시간을 1분 간격으로 확인하고 비교할 수 있습니다. 하위 5% 평균과 전체 평균을 표시하며 ‘화면 로딩시간’은 1분마다 갱신됩니다. (리액트 네이티브의 경우, 화면/컴포넌트 로딩시간을 확인하실 수 있습니다.)

• 하위 5%: 최근 30분 동안의 하위 5% 화면 로딩시간을 평균으로 산출합니다.

• 평균: 최근 30분 동안의 전체 화면 로딩시간을 평균으로 산출합니다.

성능 지표	산출 구간	산출 값	병합 방식	단위
하위 5%	최근 30분	화면 로딩시간	하위 5% 평균	ms
평균	최근 30분	화면 로딩시간	전체 평균	ms

그래프에 표시된 가로선은 성능 기준치로, 이를 통해 기준치 이상의 성능 문제가 있었던 시간과 값을 확인하기 용이합니다.

Y축은 화면 로딩시간을 의미합니다. 하위 5%는 IMQA가 수집한 전체 데이터 중 화면 로딩시간이 오래 걸린 순으로 정렬하여 산출합니다. 이를 통해 평균적인 화면 로딩 상황과 일부 사용자의 상황을 비교해 볼 수 있습니다. 하위 5%와 평균의 차이가 적을 수록 대부분의 사용자가 비슷한 앱 사용성을 경험한다고 판단할 수 있습니다.

응답시간

최근 30분간 응답시간을 1분 간격으로 확인하고 비교할 수 있습니다. 하위 5% 평균과 전체 평균을 표시하며 ‘응답시간’은 1분마다 갱신됩니다.

• 하위 5%: 최근 30분 동안의 하위 5% 응답시간을 평균으로 산출합니다.

• 평균: 최근 30분 동안의 전체 응답시간을 평균으로 산출합니다.

성능 지표	산출 구간	산출 값	병합 방식	단위
하위 5%	최근 30분	응답시간	하위 5% 평균	ms
평균	최근 30분	응답시간	전체 평균	ms

그래프에 표시된 가로선은 성능 기준치로, 이를 통해 기준치 이상의 성능 문제가 있었던 시간과 값을 확인하기 용이합니다.

하위 5%는 IMQA가 수집한 전체 데이터 중 응답시간이 오래 걸린 순으로 정렬하여 산출합니다. 이를 통해 평균적으로 사용자 요청에 걸린 응답시간과 일부의 성능 저하 상황을 비교해 볼 수 있습니다. 응답시간이 오래 걸린 경우, 특정 시간에 네트워크나 서버에 문제가 있었는지 확인해 볼 수 있으며, ‘종합 성능 현황'과 연계하여 어떤 환경의 사용자에게 성능 저하가 있었는지 분석할 수 있습니다.

CPU

최근 30분간 CPU 사용량을 1분 간격으로 확인하고 비교할 수 있습니다. 하위 5% 평균과 전체 평균을 표시하며 ‘CPU’는 1분마다 갱신됩니다.

• 하위 5%: 최근 30분 동안의 하위 5% CPU 사용량을 평균으로 산출합니다.

• 평균: 최근 30분 동안의 전체 CPU 사용량을 평균으로 산출합니다.

성능 지표	산출 구간	산출 값	병합 방식	단위
하위 5%	최근 30분	CPU 사용량	하위 5% 평균	%
평균	최근 30분	CPU 사용량	전체 평균	%

그래프에 표시된 가로선은 성능 기준치로, 이를 통해 기준치 이상의 성능 문제가 있었던 시간과 값을 확인하기 용이합니다.

하위 5%는 IMQA가 수집한 전체 데이터 중 CPU 사용량이 높은 순으로 정렬하여 산출합니다. 이를 통해 평균적으로 앱 실행 중 CPU 사용량과 일부의 성능 저하 상황을 비교해 볼 수 있습니다. 평균적으로 앱 CPU 사용량은 50% 이내로 기준을 잡습니다. 50%가 넘는 경우 앱에서 CPU를 사용하는 작업이 많다는 것으로 판단 할 수 있습니다.

메모리

최근 30분간 메모리 사용량을 1분 간격으로 확인할 수 있습니다. 하위 5% 평균과 전체 평균을 표시하며 ‘메모리’는 1분마다 갱신됩니다.

• 하위 5%: 최근 30분 동안의 하위 5% 메모리 사용량을 평균으로 산출합니다.

• 평균: 최근 30분 동안의 전체 메모리 사용량을 평균으로 산출합니다.

성능 지표	산출 구간	산출 값	병합 방식	단위
하위 5%	최근 30분	메모리 사용량	하위 5% 평균	MB
평균	최근 30분	메모리 사용량	전체 평균	MB

그래프에 표시된 가로선은 성능 기준치로, 이를 통해 기준치 이상의 성능 문제가 있었던 시간과 값을 확인하기 용이합니다.

하위 5%는 IMQA가 수집한 전체 데이터 중 메모리 사용량이 높은 순으로 정렬하여 산출합니다. 이를 통해 평균적으로 앱 실행 중 메모리 사용량과 일부의 성능 저하 상황을 비교해 볼 수 있습니다. 평균적으로 앱 메모리 사용량은 100MB 이내로 기준을 잡습니다. 100MB 이상이 넘는 경우에 앱에서 메모리를 사용하는 작업이 많다는 것으로 판단 할 수 있습니다.

6. 화면별 성능 현황

최근 30분 동안 사용자가 방문한 화면별 성능 현황을 확인할 수 있습니다. 화면별 사용자 방문율과 각 성능의 문제 발생률, 하위 5%와 평균 값을 모니터링할 수 있습니다. ‘화면별 성능 현황'은 1분마다 갱신됩니다.

화면별 성능 현황은 다음과 같이 구성됩니다.

❶ 성능 지표 ‘화면 로딩시간' ‘응답시간' ‘CPU’ ‘메모리’로 성능 지표를 변경할 수 있습니다. 지표 변경 시 아래의 ‘화면 카드’에 표시된 하위 5%와 평균 값을 갱신합니다.

❷ 화면 카드 정렬 기본 ‘방문율순’으로 설정되어 있으며, ‘방문율순', ‘문제 발생률순', ‘하위 5%순’, ‘평균순'으로 정렬할 수 있습니다. 수치가 높은 순으로 정렬됩니다.

❸ 화면 유형 필터 기본 ‘전체’로 설정되어 있으며, 프로젝트 생성 시 선택한 앱 유형에 따라 선택 가능한 필터가 표시됩니다. 웹/하이브리드 앱의 경우 화면 카드를 ‘네이티브', ‘웹뷰', 안드로이드 앱의 경우 ‘프래그먼트' 유형을 추가로 표시합니다.

❹ 요약 정보 최근 30분 동안의 사용자가 방문한 화면 별 문제 발생률을 요약 텍스트 형태로 빠르게 확인이 가능합니다.

➎ 화면 카드 최근 30분 동안의 사용자가 방문한 화면 별 방문율, 문제 발생률, 하위 5%와 평균값을 확인할 수 있습니다.

리액트 네이티브의 경우, CPU, 메모리 성능 지표는 네이티브 데이터 중심으로 표시됩니다. 응답시간 성능 지표에서 컴포넌트 화면 카드 표시 기능은 추후 업데이트 예정입니다.

요약 정보

최근 30분 동안의 사용자가 방문한 화면 별 각 성능의 문제 발생률을 빠르게 확인이 가능합니다. 오른쪽의 [요약 정보]를 클릭하면 팝업이 표시됩니다.

선택한 정렬 기준에 따라 화면이 정렬되며, ‘관리 > 프로젝트 프리셋'에서 설정한 기준치를 넘는 데이터의 비율을 문제 발생률로 표시하고 문제 발생률에 따라 위험도 색상으로 표시합니다.

이를 통해 방문율, 성능 수치가 높은 화면에 어떤 성능 저하가 있었는지 한눈에 확인할 수 있습니다. 또한 앱 사용자들이 평균적으로 화면 로딩에 문제를 겪는지, 요청에 대한 응답이 느렸는지 등 성능 저하 요인을 분석할 수 있습니다.

화면 카드

최근 30분 동안의 사용자가 방문한 화면 별 방문율, 문제 발생률, 성능 지표 별 하위 5%와 평균값을 확인할 수 있습니다. 선택한 정렬 기준에 따라 화면이 정렬되며, 화면 카드 클릭 시 ‘화면별 성능 분석’ 페이지로 이동할 수 있습니다. (화면별 성능 분석 기능은 유료 플랜에서 사용하실 수 있습니다.)

❶ 화면 정보 화면의 유형, 경로 등의 정보를 표시합니다. 네이티브 화면은 ‘네이티브’ 태그가 표시되며, 웹뷰, 프래그먼트 화면은 해당 화면을 호출한 네이티브 화면 정보가 표시됩니다.

❷ 화면 이름 화면의 이름을 표시합니다. 긴 화면 이름은 마우스 포인터를 올리면 표시되는 툴팁으로 확인할 수 있습니다. 화면 이름은 이해하기 쉽도록 IMQA에서 표시할 이름으로 변경 가능하며 ‘관리 > 화면 관리'에서 변경할 수 있습니다.

❸ 문제 발생률/방문율/성능 정보 최근 30분 동안의 특정 화면에 방문한 사용자의 비율과 문제 발생률을 표시합니다. 문제 발생률의 위험도에 따라 색상으로 표시합니다. 선택한 성능 기준에 따라 하위 5%와 평균 값을 표시합니다.

이를 통해 방문율이 높은 화면에 어떤 성능 저하가 얼마나 있었는지 한눈에 확인할 수 있습니다. 또한 앱 사용자들의 평균적인 성능과 일부 사용자의 성능을 비교해 볼 수 있습니다. 문제가 발견된 화면의 ‘화면별 성능 분석’에서 성능 저하 원인을 상세하게 분석할 수 있습니다.

• 리액트 네이티브의 컴포넌트별 성능 분석 기능은 추후 업데이트 예정입니다. • 컴포넌트별 IMQA 설정은 ‘React Native Library 설정'을 참고하세요.

7. 성능 하위 목록

크래시 상위 6

최근 30분 동안 가장 많이 발생한 크래시 6개를 표시합니다. 크래시 수 높은 순으로 정렬되며 긴 크래시 이름은 마우스 포인터를 올리면 표시되는 툴 팁으로 확인할 수 있습니다. ‘크래시 상위 6'은 1분마다 갱신됩니다.

• 크래시 명: 에러의 이름을 표시합니다.

• 크래시 수: 해당 에러의 30분 발생 누적 횟수를 카운트합니다.

• 비율: 30분 동안 발생한 에러 중 해당 에러가 차지하는 비율을 표시합니다.

응답시간 하위 6 URL

최근 30분 동안 가장 응답시간이 느린 URL 6개를 표시합니다. 응답시간 높은 순으로 정렬되며 긴 URL은 마우스 포인터를 올리면 표시되는 툴 팁으로 확인할 수 있습니다. ‘응답시간 하위 6 URL'은 1분마다 갱신됩니다.

• URL: 요청된 URL을 표시합니다.

• 호출 횟수: 해당 URL의 30분 요청 누적 횟수를 카운트합니다.

• 응답시간: 해당 URL의 평균 응답시간을 표시합니다.

8. 최근 발생 알림

최근 30분 동안 기준치 이상의 문제에 대한 알림을 표시합니다. 알림은 ‘알림 > 알림 정책 관리'에서 설정할 수 있습니다. 최근 발생한 알림 순으로 정렬되며 ‘[정책 이름]의 ‘성능 지표' 값이 ‘위험도'입니다.’로 표시됩니다. ‘최근 발생 알림'은 1분마다 갱신됩니다.