성능 대시보드

IMQA WPM 대시보드는 다양한 성능 지표 구성을 제공합니다. IMQA WPM 성능 대시보드는 웹 브라우저 애플리케이션의 성능을 실시간으로 파악할 수 있습니다. 웹 사이트 요약 정보와 주 성능 현황, 핵심 웹 바이탈 지표를 시계열 데이터로 확인할 수 있으며, 사용자가 방문한 페이지에 대한 성능을 종합적으로 확인할 수 있습니다.

1. 개요

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

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

상단 바(공통)

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

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

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

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

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

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

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

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

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

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

2. 툴바(성능 대시보드)

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

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

3. 웹 사이트 요약 정보

웹 사이트의 오늘 사용자 수, 방문 수와 최근 30분 평균 문제 발생률을 확인하고 비교할 수 있습니다.

오늘 이용자 수/방문 수

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

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

• 방문 수 Today : 오늘의 웹 사이트 접속 수를 카운트합니다. 이용자가 웹 사이트에 접속하여 시작한 세션의 수를 의미합니다.

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

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

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

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

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

4. 성능 문제 발생률

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

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

5. 시계열 성능 정보

최근 30분간 사용자 수, 방문 수, 크래시 발생 수와 페이지 로딩시간, 응답시간 성능 지표의 하위 5%의 평균과 전체 평균을 시계열 그래프로 표시합니다. 핵심 웹 바이탈 지표는 최근 30분 간 평균과 가장 성능이 저하된 시점의 수치를 표시합니다. 성능이 저하된 구간 및 성능의 변동 추이를 확인하고 비교할 수 있습니다. 시계열 성능 정보는 1분마다 갱신됩니다.

현재 이용자 & 방문 수

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

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

• 방문 수: 최근 30분간 웹 사이트 접속 수를 1분 간격으로 카운트합니다. 이용자가 웹 사이트에 접속한 세션의 수를 의미합니다.

크래시

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

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

페이지 로딩시간

최근 30분간 개별 페이지 또는 SPA 방식으로 구현된 웹 브라우저 애플리케이션에서 측정된 페이지 로딩시간을 1분 간격으로 확인하고 비교할 수 있습니다. 하위 5% 평균과 전체 평균을 표시하며 ‘페이지 로딩시간’은 1분마다 갱신됩니다.

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

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

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

응답시간

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

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

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

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

핵심 웹 바이탈

최근 30분간 웹 브라우저 애플리케이션에서 측정된 핵심 웹 바이탈 성능 지표 LCP, FID, CLS의 30분 평균과 최댓값을 확인할 수 있습니다. 전체 평균과 1분 평균 최댓값을 표시하며 ‘핵심 웹 바이탈’은 1분마다 갱신됩니다.

핵심 웹 바이탈은 다음과 같이 구성됩니다.

❶ 디바이스 필터 최근 30분 동안 수집된 핵심 웹 바이탈 지표를 사용자 환경 기준으로 분석할 수 있습니다. 기본 ‘전체’로 설정되어 있으며, ‘Desktop’ 또는 ‘Mobile’로 필터링할 수 있습니다. 기준 변경 시 아래의 평균과 1분 최댓값을 갱신합니다.

❷ 평균 최근 30분 동안 수집된 핵심 웹 바이탈 지표별 수치를 평균으로 산출합니다. Google 권고 평가 구간별 색상으로 표시합니다.

❸ 1분 최댓값 최근 30분 동안 수집된 핵심 웹 바이탈 지표별 수치 중, 가장 성능이 저하된 시점의 수치를 표시합니다. Google 권고 평가 구간별 색상으로 표시합니다.

6. 페이지별 성능 현황

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

페이지별 성능 현황은 다음과 같이 구성됩니다.

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

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

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

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

요약 정보

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

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

화면 카드

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

❶ 페이지 정보 수집된 페이지의 정보를 표시합니다. URL 패턴 설정을 통해 패턴이 적용된 단위로 표시됩니다. 긴 페이지 정보는 마우스 포인터를 올리면 표시되는 툴팁으로 확인할 수 있습니다.

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

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

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