성능 대시보드

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분마다 갱신됩니다.

현재 이용자 & 실행 수

최근 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분마다 갱신됩니다.