> For the complete documentation index, see [llms.txt](https://docs.imqa.io/imqa-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.imqa.io/imqa-guide/user-guide/mpm/abdashboard.md).

# A/B 대시보드

주요 기능과 활용 방법은 블로그에서도 확인하실 수 있습니다. \[[자세히 보기](https://blog.imqa.io/ab-dashboard-update/?utm_source=docs\&utm_medium=click\&utm_campaign=faq-ab)]

## 1. 개요 <a href="#overview" id="overview"></a>

### 화면 설명 <a href="#screen1" id="screen1"></a>

![](https://lh5.googleusercontent.com/5ogpEg76_kzex2R2byTAH4EFVlm-48T5yXs4DAuWhag0uiLmkoU-guB9Z4kJWkIOQf4cucJSkIjBtx2m3VtWYVJ8wd-sWYpbx1jR9kVjlH9qqZoRvQ_lYyE7FBO16Vtf-22Yl84-vvO7-v5X3_CcKYo)

‘대시보드' 툴바에서 대시보드 뷰를 ‘A/B 대시보드'로 변경할 수 있으며, IMQA MPM A/B 대시보드는 다음과 같이 구성됩니다.

❶ **툴바(A/B 대시보드)**\
❷ **앱 요약 정보**\
❸ **시계열 성능 정보**\
❹ **성능 문제 발생률**\
❺ **화면별 성능 현황**\
❻ **최근 5분 성능 지표**\
❼ **성능 하위 목록**

{% hint style="warning" %}
현재 리액트 네이티브 프로젝트에서의 A/B 대시보드는 네이티브 데이터 중심으로 표시됩니다. 컴포넌트 성능 분석 기능은 추후 업데이트 예정입니다.
{% endhint %}

### 툴바(A/B 대시보드) <a href="#toolbar" id="toolbar"></a>

<figure><img src="https://lh4.googleusercontent.com/YgCDK6zhpUyJpv78Bbcs05jw2eIRbok3oop48IDbeL_RKNjcPcx-wQckjZYZ1AaPBH9KIOBkHwUHdHJTCnCR7IbD_PFaQlB7dlvGaYrTQy4M0UlDSS5Vud8L3Q7Eu-tYufLOh8Z7YHX8pm5qCCUBjpk" alt=""><figcaption></figcaption></figure>

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

❷ **A 프로젝트 정보**\
현재 위치한 A 프로젝트의 플랫폼 아이콘과 프로젝트 이름을 표시합니다.

❸ **B 프로젝트 정보** \
선택된 B 프로젝트의 플랫폼 아이콘과 프로젝트 이름을 표시합니다.&#x20;

❹ **A 프로젝트 앱 버전**\
현재 위치한 A 프로젝트의 앱 버전을 변경할 수 있습니다.&#x20;

❺ **대시보드 뷰**\
다양한 주제의 대시보드 뷰로 변경할 수 있습니다.&#x20;

❻ **비교할 B 프로젝트 선택**\
비교할 B 프로젝트를 선택할 수 있습니다. 설정한 비교 대상 프로젝트가 있을 경우, 기본 B 프로젝트로 우선 선택됩니다.

{% hint style="info" %}
비교 대상 프로젝트 설정에 대한 자세한 내용은 '[MPM 사용하기 > 관리 > 프로젝트 관리 > 프로젝트 정보 > 비교 대상 프로젝트](/imqa-guide/user-guide/mpm/management.md#project-info)'를 참고하세요.
{% endhint %}

❼ **비교할 B 프로젝트 앱 버전**\
비교할 B 프로젝트의 앱 버전을 변경할 수 있습니다.&#x20;

<br>

### Android와 iOS를 비교하고 싶을 경우 <a href="#comparison-os" id="comparison-os"></a>

A 프로젝트로 진입 후 비교할 B 프로젝트로 다른 플랫폼을 선택하여 A/B 대시보드를 확인할 수 있습니다.

<figure><img src="https://lh3.googleusercontent.com/8cDEtnPHJoPuhpxVUE2KnOOO3psqYu1QtzlluLi-aFWTrvtOTSjGmeKYoON_47lpPJ7CQEzYAuWwnsLnSVAoK8gg-O2JlZzJMvMcm0EN7AOvKpn-uqdxDncdpVA7wT0w-DZanlfGe6uDpe0zAHuFKfI" alt=""><figcaption></figcaption></figure>

1. 현재 위치한 프로젝트의 대시보드 뷰를 ‘A/B 대시보드'로 변경합니다.
2. 비교할 B 프로젝트로 다른 플랫폼 프로젝트를 선택합니다.

{% hint style="info" %}
B 프로젝트의 앱 버전은 앱 버전 관리에서 지정한 우선순위가 가장 높은 앱 버전으로 자동 설정됩니다. 앱 버전 우선순위에 대한 자세한 내용은 '[MPM 사용하기 > 프로젝트 리스트 > 전체 프로젝트 관리 > 앱 버전 관리](/imqa-guide/user-guide/mpm/project-list.md#version)'를 참고하세요.
{% endhint %}

### 이전 버전과 최신 버전을 비교하고 싶을 경우 <a href="#comparison-version" id="comparison-version"></a>

A 프로젝트로 진입 후, 비교할 B 프로젝트로 동일한 프로젝트를 선택하여 A/B 대시보드를 확인할 수 있습니다.

<figure><img src="/files/lcPtKPnGronwtpFGZZIw" alt=""><figcaption></figcaption></figure>

1. 현재 위치한 프로젝트의 앱 버전을 선택 후, 대시보드 뷰를 ‘A/B 대시보드'로 변경합니다.
2. 비교할 B 프로젝트로 동일한 플랫폼 프로젝트를 선택합니다.
3. B 프로젝트의 앱 버전을 다른 앱 버전으로 선택합니다.

## 2. 앱 요약 정보 <a href="#summary" id="summary"></a>

A, B 프로젝트의 오늘 사용자 수, 앱 실행 수와 최근 30분 평균 문제 발생률을 확인하고 비교할 수 있습니다. 앱 요약 정보는 1분마다 갱신됩니다.

![](https://lh6.googleusercontent.com/jvX8szjKoDKHFtzYtNHldedHSrMpMxNtDQ2Bsoqlw1wWTPSS4GyOvHJCwuGTEF0WGkwDUKRu7PBIVbE_nee2Rjm1kcexSW-yyf-f1TaekoA2DyO78htctFPNXhEz69Pel9po-LI2URx89YBVR0vDScA)

### 오늘 이용자 수/실행 수 <a href="#daily-user" id="daily-user"></a>

오늘 날짜 00시부터 \~ 현재 시간까지의 사용자 수, 앱 실행 수를 확인할 수 있습니다.

![](https://lh4.googleusercontent.com/Hrgf7XlLP61UXLllJN6rdyLzCZNDF5pj9_uYaU8fmDekqXZC4G6te8R2Qei3TGl__ClTYEHMrF3OuEc3sOsSAES7qRz2Jwa6CQuVU8a_URjgfPsj97FXl-cGMdpvt43k2zpI46BFUrsiay6O9-HT2Xg)

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

<table><thead><tr><th width="150" align="center">성능 지표</th><th width="242.38918918918915" align="center">산출 구간</th><th width="150" align="center">산출 값</th><th align="center">병합 방식</th></tr></thead><tbody><tr><td align="center"><strong>이용자 수</strong></td><td align="center">오늘 날짜 00시 ~ 현재 시간</td><td align="center">사용자 수</td><td align="center">카운트</td></tr><tr><td align="center"><strong>실행 수</strong></td><td align="center">오늘 날짜 00시 ~ 현재 시간</td><td align="center">앱 실행 수</td><td align="center">카운트</td></tr></tbody></table>

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

### 평균 문제 발생률/성능 날씨 <a href="#avg-issue-rate" id="avg-issue-rate"></a>

최근 30분의 평균 문제 발생률과 성능 날씨 지표를 확인할 수 있습니다. ‘평균 문제 발생률/성능 날씨’는 1분마다 갱신됩니다.

![](https://lh5.googleusercontent.com/jQLsU2zltyJUwMLRtWhgEVdTqnQ4adKxoijTC5ZXHiJleEVnaaFmpNvDxobdebN8U6KwZdc6ohEzvGTVdZ9DUyQlhyKJHfc31auT4VGTibOl7zRfSVpjUAMUeRf_MKw3Ge8MYHqxAKCJi1jbDo8KExw)

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

![](/files/R2hMDc7Z3tWX3YXRSuoK)

<table><thead><tr><th width="178.58399999999997" align="center">성능 지표</th><th width="150" align="center">산출 구간</th><th width="150" align="center">산출 값</th><th width="271.1538461538462" align="center">병합 방식</th></tr></thead><tbody><tr><td align="center"><strong>평균 문제 발생률</strong></td><td align="center">최근 30분</td><td align="center">문제 발생률</td><td align="center"><p>각 성능 지표 문제 발생률</p><p>(기준치 이상 데이터 / 전체 데이터)*100 의 평균</p></td></tr><tr><td align="center"><strong>성능 날씨</strong></td><td align="center">최근 30분</td><td align="center">평균 문제 발생률</td><td align="center">~20%, 5단계</td></tr></tbody></table>

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

## 3. 시계열 성능 정보 <a href="#time-series" id="time-series"></a>

A, B 프로젝트의 최근 30분간 사용자 수, 앱 실행 수, 크래시 발생 수와 화면 로딩시간, 응답시간, CPU, 메모리의 성능 지표의 전체 평균을 시계열 그래프로 표시합니다. 성능이 저하된 구간 및 성능의 변동 추이를 확인하고 비교할 수 있습니다. 시계열 성능 정보는 1분마다 갱신됩니다.

### 현재 이용자 & 실행 수 <a href="#current-user" id="current-user"></a>

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

<figure><img src="/files/tdIU96uU6qhZHL5g56Yj" alt=""><figcaption></figcaption></figure>

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

### 화면 로딩시간 <a href="#rendering-time" id="rendering-time"></a>

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

![](https://lh5.googleusercontent.com/93CQElD_nqJ81A5DbNVmXF6TTkz98bkP0huCccLBoIcgd3tagXZqKl8Kof0tcpaTwT90_MkATYnzbP5B8LH1DETLPmrrqwSxEvjKFn9DFRgNowlKjHFTaqr2UBs4w8xqgnSSlMemqUwPJEZdZCmvG0U)

* **화면 로딩시간**: 최근 30분간 수집된 1분 간격 화면 로딩시간을 평균으로 산출합니다.

### 응답시간 <a href="#response-time" id="response-time"></a>

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

![](https://lh5.googleusercontent.com/C_BjlIZATntVkujoorrIP1A4TWaXBVy3NJ65awzmWYlcMDnyz38FXNxiN-IHGSLK5rZdkwOPbTF1mGs2A3UjLV6Fq0o9dtKEbIni00O2aB53WtkfVOSixkC4NFpkuPODKQYyoGJG3pImSjxpzxQW6-Y)

* **응답시간**: 최근 30분간 수집된 1분 간격 응답시간을 평균으로 산출합니다.

{% hint style="info" %}
**응답시간이 오래 걸린 경우**, 특정 시간에 **네트워크나 서버**에 문제가 있었는지 확인해 볼 수 있으며, ‘응답시간 하위 4 URL’과 연계하여 특정 URL에서 문제가 있었는지 분석할 수 있습니다.
{% endhint %}

### 크래시 <a href="#crash" id="crash"></a>

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

![](https://lh4.googleusercontent.com/BcWWb-iOSCiJwujrj4sKRQ0WUwtI-aJbtLzcihSdqc_JV3Ud4cqGaAInCaUT6Z6WCV6COT4DyAnL-xVI12oMwKRTwjZvFKP76zgEErTbKlV6_70EjmBM_egz33sT6qIMdrIvJ_2_KATcBbkxlV4v93o)

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

### CPU <a href="#cpu" id="cpu"></a>

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

![](https://lh4.googleusercontent.com/uMv_T0PIvqH8tfIGfoWM_-ZsrqhOjBWSKpau905YXi2GAAFd5pcVwAv24naf-iqDkZKbeL5plN7NJZGIVdTZI7u6O6Kur16OylVSax2EGm2LNHaj6h6z5OHx-VelI1Sl8hwT9ys8BTi1FpF21kyIcIA)

* **CPU 사용량**: 최근 30분간 수집된 1분 간격 CPU 사용량을 평균으로 산출합니다.

{% hint style="info" %}
평균적으로 앱 CPU 사용량은 50% 이내로 기준을 잡습니다. 50%가 넘는 경우 앱에서 CPU를 사용하는 작업이 많다는 것으로 판단 할 수 있습니다.
{% endhint %}

### 메모리 <a href="#memory" id="memory"></a>

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

![](https://lh5.googleusercontent.com/Ph5-Ti82jSOOaXD-eJOUFbvb4o4Q4I0vc9BDQ8O5TkQ0A5mVYO1t8rVAl0q47g8wTz7-0yopDKno7CsQkVjaGXCzTxJUdTRvTDZ9DnTGAGQ2EvbaEOgFxgGCveIyuBqvSNaBs1dgxaOF--pqcnaT9Ws)

* **메모리 사용량**: 최근 30분간 수집된 1분 간격 메모리 사용량을 평균으로 산출합니다.

{% hint style="info" %}
평균적으로 앱 메모리 사용량은 100MB 이내로 기준을 잡습니다. 100MB 이상이 넘는 경우에 앱에서 메모리를 사용하는 작업이 많다는 것으로 판단 할 수 있습니다.
{% endhint %}

## 4. **성능 문제 발생률** <a href="#issue-rate" id="issue-rate"></a>

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

![](https://lh5.googleusercontent.com/9AmiozNROpybZ-9wbVYLMzwFTXqeOdP5KYSF4jeScX-e1HLS27KqqPZDJAh2i0tOnhoFnguwThf9_Day10KIPZKfmBbSvQmcl2o1ZzeK0LTuGk591UsXOQngFQZy2t-kAemvrArU0KaLAi9uCx18lsk)

* **문제 발생률**: 최근 30분 동안의 성능 지표 별 기준치를 넘는 데이터의 비율을 산출합니다.

<table><thead><tr><th width="150" align="center">성능 지표</th><th width="150" align="center">산출 구간</th><th width="150" align="center">산출 값</th><th align="center">병합 방식</th></tr></thead><tbody><tr><td align="center"><strong>크래시</strong></td><td align="center">최근 30분</td><td align="center">문제 발생률</td><td align="center">크래시 발생 수 / 앱 실행 수</td></tr><tr><td align="center"><strong>메모리</strong></td><td align="center">최근 30분</td><td align="center">문제 발생률</td><td align="center">(기준치 이상 데이터 / 전체 데이터)*100</td></tr><tr><td align="center"><strong>CPU</strong></td><td align="center">최근 30분</td><td align="center">문제 발생률</td><td align="center">(기준치 이상 데이터 / 전체 데이터)*100</td></tr><tr><td align="center"><strong>응답시간</strong></td><td align="center">최근 30분</td><td align="center">문제 발생률</td><td align="center">(기준치 이상 데이터 / 전체 데이터)*100</td></tr><tr><td align="center"><strong>화면 로딩시간</strong></td><td align="center">최근 30분</td><td align="center">문제 발생률</td><td align="center">(기준치 이상 데이터 / 전체 데이터)*100</td></tr></tbody></table>

A,B 프로젝트별 가장 많은 문제가 발생한 성능 지표와 위험도를 함께 확인할 수 있으며, 위험도는 기준치 이상 <mark style="color:blue;">정상 범위</mark>, <mark style="color:orange;">경고 범위</mark>, <mark style="color:red;">위험 범위</mark>로 표시합니다. 문제 발생률이 가장 높은 성능 지표를 표시하기 때문에, 정상 범위의 지표도 표시될 수 있습니다.

![](https://lh6.googleusercontent.com/OE2HoYVjnnqg2DqHoi2WqgCAWacJwsrFRT65XQGVGQ9pagl0YpbqqM3Adv9jlSkF_dkhxk-G4_Exm_abENNKaUpSpmMC50iQ-5vVOIIFhcNdm6eQajBT15TT3-cecUHQlMfDg7V9jrFJo65ZVlHzrXc)

{% hint style="info" %}
성능 지표별 기준치는 ‘[관리 > 프로젝트 프리셋](/imqa-guide/user-guide/mpm/management.md#project-preset)'에서 설정할 수 있습니다.
{% endhint %}

## 5. 화면별 성능 현황 <a href="#screen" id="screen"></a>

A, B 프로젝트의 최근 30분 동안 사용자가 방문한 화면을 분포로 확인할 수 있습니다. 화면별 방문자 수와 각 성능의 문제 발생률, 평균 값을 비교할 수 있습니다. ‘화면별 성능 현황'은 1분마다 갱신됩니다.

![](https://lh6.googleusercontent.com/h_P88R8a7cQuIFgZ2WofH6v3qEqR2TDczNZXczkdOg0r9xr7fAMrZpXLPqEaU_BcNOc9S0glgcTp7hJlaOZiYZJJHUE5XVaeZfejzF4XFN9z9eVZLCeEW6bNHKPXCHUu3MGtXvRQFr5-WiERaBOplUg)

❶ **성능 지표**\
‘화면 로딩시간' ‘응답시간' ‘CPU’ ‘메모리’로 성능 지표를 변경할 수 있습니다. 지표 변경 시 아래의 화면 분포 그래프를 갱신합니다.

❷ **범례**\
화면 분포 그래프의 범례를 표시합니다. 마우스 포인터를 올리면 해당 프로젝트의 버블이 강조되며, 클릭 시 필터링할 수 있습니다.

❸ **화면 유형 필터**\
기본 ‘전체’로 설정되어 있으며, 현재 위치한 A 프로젝트의 앱 유형에 따라 선택 가능한 필터가 표시됩니다. 웹/하이브리드 앱의 경우 화면 카드를 ‘네이티브', ‘웹뷰'로 필터링할 수 있습니다.

{% hint style="warning" %}
A/B 대시보드에서의 **화면 유형 필터**는 현재 위치한 **A 프로젝트의 앱 유형을 기준으로 적용**됩니다. A 프로젝트가 **네이티브** 앱인 경우, B 프로젝트가 **웹/하이브리드** 앱일 경우에도 네이티브 화면만 표시됩니다. 만약 데이터가 없더라도 분석이 필요한 경우, **웹/하이브리드 앱 프로젝트를 기준**으로 A/B 대시보드를 확인하세요.
{% endhint %}

❹ **화면 분포 그래프**\
최근 30분 동안의 사용자가 방문한 화면을 방문자 수, 문제 발생률, 평균값 분포로 표시합니다.

❺ **그래프 확대/축소/초기화**\
화면 분포 그래프 영역에 마우스 포인터를 올리면 표시됩니다. 그래프 확대, 축소, 초기화가 가능하며 마우스 드래그로 구간을 확대할 수 있습니다.

![](https://lh6.googleusercontent.com/yoQj_H-BlPVNRyL-00MeQ65mKCn1xB8ZurBb-uXCG2M_DtbmDed0YxI0Z-ACNYTKjIouSw1NsRsZ_r3uE0obVFqCfxIZoZF9gb1-moRlCPVv6bzwCJiZ5mmDirjYQ7Uc1GRr81PLBcg0NrRBu1KLz4k)

❻ **화면 버블**\
최근 30분 동안 사용자가 방문한 화면을 버블로 표시합니다.

### 화면 분포 그래프 <a href="#distribution-graph" id="distribution-graph"></a>

A, B 프로젝트의 최근 30분 동안의 사용자 방문 화면 분포를 버블 차트로 표시합니다.

![](https://lh3.googleusercontent.com/YlESDHBlDjUKIY0TJG3aDOjyXKTibxXaALxJn_sWr_3zZKNZhGjVPpIr_2sypK9B9FVrICNVuvHKz1Xt5F_N79y-sVHPxMkZXcAG_EhpIMSbJYXqRhpnE783EchPcpp4SFChNyiI7i6l6qXQF1aiMhw)

**❶ 버블 차트**\
버블 차트는 3종류의 데이터로 상호 관계와 밀집도를 확인할 수 있으며, 많은 데이터를 한눈에 볼 수 있는 장점이 있습니다. 문제 발생률을 가로축에, 성능 수치를 세로축에 나타낸 뒤, 버블의 크기로 판단 우선순위를 표시합니다. 버블 차트는 데이터의 분포 또는 밀집 현상을 확인하고, 이상치를 시각적으로 파악하는데 유용합니다.

<table><thead><tr><th width="150" align="center">성능 지표</th><th width="161.83959806475622" align="center">산출 구간</th><th width="150" align="center">X축</th><th align="center">Y축</th><th align="center">버블 크기</th></tr></thead><tbody><tr><td align="center"><strong>화면 로딩시간</strong></td><td align="center">최근 30분</td><td align="center">문제 발생률</td><td align="center">화면 로딩시간(ms)</td><td align="center">방문자 수</td></tr><tr><td align="center"><strong>응답시간</strong></td><td align="center">최근 30분</td><td align="center">문제 발생률</td><td align="center">응답시간(ms)</td><td align="center">방문자 수</td></tr><tr><td align="center"><strong>CPU</strong></td><td align="center">최근 30분</td><td align="center">문제 발생률</td><td align="center">CPU 사용량(%)</td><td align="center">방문자 수</td></tr><tr><td align="center"><strong>메모리</strong></td><td align="center">최근 30분</td><td align="center">문제 발생률</td><td align="center">메모리 사용량(%)</td><td align="center">방문자 수</td></tr></tbody></table>

❷ **화면 버블 군집 현상**\
화면 버블이 밀집되어 있을 경우, 다수의 화면이 비슷한 성능 수치와 문제가 있음을 알 수 있습니다. 0에 가까울수록 좋은 성능을 의미합니다.

❸ **군집에서 벗어난 화면 버블** \
화면 버블이 군집에서 벗어나 있을 경우, 특정 화면이 평균적인 상황에서 벗어나 있음을 알 수 있습니다. 또한 방문자 수로 표현된 버블 크기와 문제 발생률로 다수나 소수의 사용자에게 저하 현상이 있는지도 확인할 수 있습니다.

![](/files/1TtHLn4s4T1LT2quCJlc)

❹ **B 프로젝트 기준선**\
가로 점선은 B 프로젝트의 성능 지표별 기준치를 표시합니다.&#x20;

❺ **A 프로젝트 기준선**\
가로 실선은 A 프로젝트의 성능 지표별 기준치를 표시합니다.&#x20;

{% hint style="info" %}
화면 단위를 **성능 수치와 문제 발생률**로 그린 분포 그래프를 통해 앱 내의 화면의 **평균적인 성능과 눈에 띄는 성능 저하 화면**을 직관적으로 확인할 수 있습니다. 분포에서 떨어진 화면은 앱의 평균 성능에서 벗어난 화면 단위라고 판단할 수 있으며, 넓게 분포되어 있다면 앱의 목표 성능을 설정하기 위한 개선 지표로 활용해보세요.
{% endhint %}

### 화면 버블 <a href="#screen-bubble" id="screen-bubble"></a>

화면 버블에 마우스 포인터를 올리면 표시되는 툴팁으로 최근 30분 동안의 사용자가 방문한 화면 별 방문자 수, 성능 지표 별 평균값, 문제 발생률, 기준치를 확인할 수 있습니다. 화면 버블 클릭 시 해당 화면의 ‘화면별 성능 분석’ 페이지로 이동할 수 있습니다.

![](https://lh6.googleusercontent.com/LTnfSzSg8Qhq-a4LQwdyCBAOyYTvlf9HvWcIK9ZXBY4B2XLgmvnF9Uga9pWVVf4A7pNsHatl0iXItJxlMB0pLNd6KFkIIcJ7AN3m643tjryEh_WB9i4myQeJ3jnTV-y_ffRkCNai7WgCJvoiosxwXZU)

* **화면 이름**: 화면의 이름을 표시합니다.&#x20;
* **평균값**: 해당 화면의 최근 30분간 각 성능 지표(화면 로딩시간, 응답시간, CPU, 메모리)의 평균을 산출합니다. &#x20;
* **문제 발생률**: 최근 30분 동안의 성능 지표 별 기준치를 넘는 데이터의 비율을 산출합니다.&#x20;
* **기준치**: 해당 프로젝트에 설정된 각 성능 기준치를 표시합니다.

{% hint style="info" %}
문제가 발견된 화면의 ‘화면별 성능 분석’에서 성능 저하 원인을 상세하게 분석할 수 있습니다.
{% endhint %}

## 6. 최근 5분 성능 지표 <a href="#last-5minutes" id="last-5minutes"></a>

A, B 프로젝트의 최근 5분간 화면 로딩시간, 응답시간, 자원 사용량의 실시간 성능 변동 확인과 밀착 관리가 가능합니다. 최근 5분 화면 로딩시간과 응답시간 지표는 5분 집단의 분포 상태를 파악하거나 비교할 때 유용합니다. 최근 5분 성능 분포는 1분마다 갱신됩니다.

### 최근 5분 화면 로딩시간/응답시간 분포 <a href="#rendering-response-time" id="rendering-response-time"></a>

![](https://lh6.googleusercontent.com/fE5UVgw484ZSDuSyfe6hmtqxz5PahiYRbTpwNpe6HFjvYiZp_P5i_CKU0UAuLOP0wEVwSuE6_UcsNblf2wezLNHrdqXgScSOH1JF-Gn21BSY59U2yi4TkS9NXh-l1diUmhyU-HskrCoSjbdMs3oaLa0)

❶ **범례**\
성능 분포 그래프의 범례를 표시합니다. 마우스 포인터를 올리면 해당 프로젝트의 막대가 강조되며, 클릭시 필터링할 수 있습니다.

❷ **화면 유형 필터**\
기본 ‘네이티브’로 설정되어 있으며, 현재 위치한 A 프로젝트의 앱 유형에 따라 선택 가능한 필터가 표시됩니다. 웹/하이브리드 앱의 경우 화면 카드를 ‘네이티브', ‘웹뷰'로 필터링할 수 있습니다.

{% hint style="warning" %}
A/B 대시보드에서의 **화면 유형 필터**는 현재 위치한 **A 프로젝트의 앱 유형**을 기준으로 적용됩니다. A 프로젝트가 네이티브 앱인 경우, B 프로젝트가 **웹/하이브리드** 앱일 경우에도 네이티브 화면 데이터만 표시됩니다. 만약 데이터가 없더라도 분석이 필요한 경우, **웹/하이브리드 앱 프로젝트를 기준**으로 A/B 대시보드를 확인하세요.
{% endhint %}

❸ **A/B 평균**\
A, B 프로젝트의 최근 5분간 화면 로딩시간, 응답시간의 전체 평균을 표시합니다.

* **A/B 평균**: A, B 프로젝트의 최근 5분간 화면 로딩시간, 응답시간의 평균을 산출합니다.

<table><thead><tr><th align="center">성능 지표</th><th width="150" align="center">산출 구간</th><th width="150" align="center">산출 값</th><th align="center">병합 방식</th></tr></thead><tbody><tr><td align="center"><strong>화면 로딩시간,</strong><br><strong>응답시간</strong></td><td align="center">최근 5분</td><td align="center">A/B 평균</td><td align="center">전체 평균</td></tr></tbody></table>

❹ **성능 분포 그래프**\
최근 5분 동안의 성능 데이터 분포를 히스토그램으로 표시합니다. 히스토그램은 계급을 가로축에, 도수를 세로축에 나타낸 뒤, 집계된 데이터를 여러 구간을 정해 계급을 만들고, 각 계급에 속하는 데이터 수로 도수를 표시합니다. 히스토그램은 전체 집단의 분포 상태를 파악하거나 비교할 때 유용합니다.

|    성능 지표    |      X축     |       계급      |     Y축    |
| :---------: | :---------: | :-----------: | :-------: |
| **화면 로딩시간** | 화면 로딩시간(ms) |  0 \~ 5,000ms | 수집된 데이터 수 |
|   **응답시간**  |   응답시간(ms)  | 0 \~ 10,000ms | 수집된 데이터 수 |

{% hint style="info" %}
**성능 분포 그래프**를 통해 앱 사용자가 어떤 성능 환경에 있는지 알 수 있습니다. 기준치 구간에 대부분의 사용자가 분포되어 있다면 앱 사용이 원활하다고 판단할 수 있으며, 넓게 분포되어 있다면 앱이 다양한 사용자 환경에 최적화되어 있지 않음을 의미합니다. 앱의 목표 성능을 설정하기 위한 개선 지표로 활용해보세요.
{% endhint %}

❺ **50% 기준선**\
성능 평균 기준선을 표시합니다. 전체 데이터 분포의 중간 위치를 표시하며, 전반적인 성능을 파악하는 경우에 유용합니다. 기준선이 0에 가까울수록 빠른 성능을 의미합니다.

❻ **95% 기준선**\
성능 하위 5% 기준선을 표시합니다. 전체 데이터 분포의 하위 5%가 시작되는 지점을 표시하며, 성능이 가장 낮은 데이터를 파악하는 경우에 유용합니다. 기준선이 0에 가까울수록 빠른 성능을 의미합니다.

❼ **구간 막대**\
막대에 마우스 포인터를 올리면 표시되는 툴팁으로 성능 구간, 건 수를 확인할 수 있습니다. 화면 로딩시간 막대 클릭 시 ‘네이티브 트레이스 뷰’ ‘웹 리소스 분석’, 응답시간 막대 클릭 시 ‘상세 응답 분석’ 팝업을 표시합니다.

![](https://lh3.googleusercontent.com/1taXHvIN9mW1OcA6l6OKEvFDTdjOOIoe6s_lTgQUPEo4XYsCDxjmNdFNKKzsYRDq9vtpwo8I1LTyTJyaGQuEnudmqnatjWrEk-5_WXqtqfdFwkl7fU2i_meCoWYN05Oey0XiaiuHqWklssbRRWpKkXo)

* **성능 구간:** 성능 수치 구간을 표시합니다.&#x20;
* **건 수**: 최근 5분간 수집된 각 성능 데이터 건 수를 카운트합니다.

{% hint style="info" %}
성능 분포 그래프에서 눈에 띄는 데이터의 상세한 연계 분석이 가능합니다. ‘네이티브 트레이스 뷰’ ‘웹 리소스 분석’ ‘상세 응답 분석’ 을 통해 어떤 환경의 사용자가, 어떤 요청이었는지 등 좀 더 상세한 정보를 빠르게 확인하는 것이 가능합니다.
{% endhint %}

### **최근 5분 CPU/메모리** <a href="#cpu-memory" id="cpu-memory"></a>

![](https://lh3.googleusercontent.com/H8uYueAadIIclcXb4XCU9_2JM5t6_mHm8tOTEBRIRBmgzzvf3UfT7m5hxLcwczDEcKLLvNzIxQjKtYLGIWIGVmaZ9PYfns7Hqq1HBVFduUpOMJKtPcERYX1XsBdjlbTd1zeK93_KKTWlg2h6UhwXWcw)

❶ **범례**\
막대 그래프의 범례를 표시합니다. 마우스 포인터를 올리면 해당 프로젝트의 막대가 강조되며, 클릭시 필터링할 수 있습니다.

❷ **A/B 평균**\
A, B 프로젝트의 최근 5분간 CPU 사용량, 메모리 사용량의 전체 평균을 표시합니다.

* **A/B 평균**: A, B 프로젝트의 최근 5분간 CPU 사용량, 메모리 사용량의 평균을 산출합니다.

<table><thead><tr><th align="center">성능 지표</th><th width="150" align="center">산출 구간</th><th width="150" align="center">산출 값</th><th align="center">병합 방식</th></tr></thead><tbody><tr><td align="center"><strong>CPU,</strong><br><strong>메모리</strong></td><td align="center">최근 5분</td><td align="center">A/B 평균</td><td align="center">전체 평균</td></tr></tbody></table>

**❸ 막대 그래프**\
최근 5분 동안의 성능 데이터 평균을 표시합니다. CPU 막대 길이는 100% 기준으로 표시하며, 메모리 막대 길이는 수치가 높은 막대를 100%로 상대 비율로 표시합니다. CPU 막대 클릭 시 ‘CPU 상세 분석’, 메모리 막대 클릭 시 ‘메모리 상세 분석’ 팝업을 표시합니다.

* **평균값**: 최근 5분간 CPU, 메모리 사용량의 평균을 산출합니다.

|  성능 지표  | 산출 구간 |   산출 값  | 병합 방식 |
| :-----: | :---: | :-----: | :---: |
| **CPU** | 최근 5분 | CPU 사용량 | 전체 평균 |
| **메모리** | 최근 5분 | 메모리 사용량 | 전체 평균 |

{% hint style="info" %}
**막대 그래프에서 눈에 띄는 데이터의 상세한 연계 분석이 가능합니다.** ‘CPU 상세 분석’ ‘메모리 상세 분석’을 통해 어떤 환경의 사용자가, 어떤 함수를 호출했었는지 등 좀 더 상세한 정보를 빠르게 확인하는 것이 가능합니다.&#x20;
{% endhint %}

## 7. 성능 하위 목록 <a href="#poor-list" id="poor-list"></a>

### 크래시 상위 4 <a href="#top-4-crashes" id="top-4-crashes"></a>

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

![](https://lh3.googleusercontent.com/SgmtEgPIsDaV02XzZoiZzEcFawhq4gOAANyqsuPPkjR9oIGJXzen4ktfhTqX_bIYCyamCmmga9ccGVW8y3u-KuHWVoCGLGaH-GnUfkav0WaY1daPckJTu1SrbWRsCvBaCT32HzZ7I5BEygTtWjPVzuk)

* **크래시 명**: 에러의 이름을 표시합니다. 항목 클릭 시 해당 크래시의  ‘에러 상세’ 페이지로 이동할 수 있습니다.
* **크래시 수**: 해당 에러의 30분 발생 누적 횟수를 카운트합니다.
* **비율** : 30분 동안 발생한 에러 중 해당 에러가 차지하는 비율을 표시합니다.

### 응답시간 하위 4 <a href="#slow-response-time" id="slow-response-time"></a>

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

![](https://lh5.googleusercontent.com/SkgclZNBKWoRHKoHd5rL0LtFA0IxXjpOcQ57safoh7X0GzTvVAoCZfyK6yTSnVo0P3n8-NEqPRtCjjMu-50aZ46Q1fwS5fEKLyODd67D1YneqtB2-Mtkq3gFIRzEeNIIrdPa-P_XOXTr1IiZEw5vJfs)

* **URL**: 요청된 URL을 표시합니다. 항목 클릭 시 ‘상세 응답 분석’ 팝업을 표시합니다.
* **호출 횟수**: 해당 URL의 30분 요청 누적 횟수를 카운트합니다.
* **응답시간**: 해당 URL의 평균 응답시간을 표시합니다.

### 조회 상위 4 화면 <a href="#top-4-screen-by-views" id="top-4-screen-by-views"></a>

A, B 프로젝트의 최근 30분간 가장 많이 방문한 화면 4개를 표시합니다. 조회 수 높은 순으로 정렬되며 긴 화면 이름은 마우스 포인터를 올리면 표시되는 툴팁으로 확인할 수 있습니다. ‘조회 상위 4 화면'은 1분마다 갱신됩니다.

![](https://lh3.googleusercontent.com/xWNqUhFQ2MVr0V2pRrzsOC_NL-p2D4oDRjifT-oZtC93Z9ewA98W69jVHB13E26P4jugZtfOvZnvXdYOs6TNPi-GoJkMq26Q1dYYgtkc8QknU2nuiNHCfJBYmfNdiJ3PAq9UXSsE7ingFh5or-cqEFw)

* **화면**: 네이티브 화면, 웹뷰 화면 이름을 표시합니다. 긴 화면 이름은 마우스 포인터를 올리면 표시되는 툴팁으로 확인할 수 있습니다.  항목 클릭 시 해당 화면의  ‘화면별 성능 분석’ 페이지로 이동할 수 있습니다.
* **방문자 수**: 해당 화면에 방문한 사용자 수를 카운트합니다. 중복을 제외한 순 사용자를 의미합니다.
* **조회 수**: 해당 화면의 방문 수를 카운트합니다.
