Web Application

웹 애플리케이션 화면에서는 RUM(Real User Monitoring)으로 수집된 웹 애플리케이션들의 평균 페이지 로드 시간·페이지 호출 수·AJAX 응답 시간 추이를 확인하고, 목록에서 개별 애플리케이션의 상세 성능 지표를 조회할 수 있습니다.

좌측 메뉴에서 애플리케이션 > 웹 애플리케이션을 선택하세요.

화면은 좌측 Filters 패널과 우측 콘텐츠 영역으로 나뉩니다. 콘텐츠 영역은 좌측의 순위·차트 영역과 우측의 RUM 애플리케이션 목록(RUM Application List) 두 영역으로 구성됩니다.

애플리케이션 평균 페이지 로드 시간 순위 확인하기​

좌측 상단의 애플리케이션 평균 페이지 로드 시간 순위(Application Avg Page Load Time Ranking) 목록에서는 Filters 패널에서 선택한 웹 애플리케이션들을 평균 페이지 로드 시간이 긴 순으로 확인할 수 있습니다.

• 각 항목은 순위, 애플리케이션 이름, 평균 페이지 로드 시간(초)을 표시합니다.
• 평균 페이지 로드 시간이 4초 이상이면 경고 아이콘과 함께 빨간색으로 강조 표시됩니다.
• 항목을 클릭하면 해당 애플리케이션의 상세 패널이 열립니다.

로드 시간이 긴 애플리케이션을 빠르게 파악해 사용자 경험 저하가 발생하는 지점을 우선적으로 확인할 수 있습니다.

애플리케이션 평균 지표 추이 확인하기​

순위 목록 우측의 두 차트에서 선택한 웹 애플리케이션들의 평균 지표 추이를 시계열로 확인할 수 있습니다.

• 애플리케이션 평균 페이지 호출 수(Application Avg Number of Page Calls): 초당 페이지 호출 수의 평균 추이를 나타냅니다.

• 애플리케이션 평균 AJAX 응답 시간(Application Avg AJAX Response Time): AJAX 요청의 평균 응답 시간 추이를 나타냅니다.

RUM 애플리케이션 목록에서 상세 데이터 확인하기​

RUM 애플리케이션 목록(RUM Application List) 섹션에서는 전체 웹 애플리케이션의 상세 지표를 그리드로 확인할 수 있습니다.

목록 상단의 필터 입력란에 텍스트를 입력하면 RUM Application Name 등의 컬럼 값 기준으로 목록을 빠르게 필터링할 수 있습니다.

웹 애플리케이션 상세 정보 확인하기​

목록 또는 순위 항목에서 애플리케이션 이름을 클릭하면 화면 우측에 상세 패널이 열립니다.

패널은 Information, Page Analysis, Metric, Alert 탭으로 구성됩니다.

Information 탭​

애플리케이션의 기본 정보(이름, 타입, 배포 환경)와 평균 성능 지표 요약(평균 페이지 로드 시간, 평균 AJAX 응답 시간, 최대 콘텐츠 페인트(LCP), 다음 페인트까지의 상호작용(INP), 누적 레이아웃 이동(CLS) 등)을 확인할 수 있습니다. 화면 상단 스크린샷이 바로 이 탭입니다.

Page Analysis 탭​

선택한 조회 기간 동안 수집된 개별 페이지 로드 이력을 시간대별 분포 차트와 목록으로 확인할 수 있습니다.

• 차트에서 정상(Normal)(파란색 점)은 정상 처리된 페이지 로드, 이상(Exception)(빨간색 점)은 임계치를 초과했거나 오류가 발생한 페이지 로드를 나타냅니다.
• 하단 페이지 목록(Page List)에서는 페이지별 로드 시간, URL, 접속 시각, 브라우저·기기·OS 정보를 확인할 수 있습니다.

페이지 목록에서 Page URL을 클릭하면 화면 우측에 해당 페이지의 상세 분석 패널이 추가로 열립니다.

패널은 Page Detail, Load Timeline, Resource Timeline, AJAX Request History, Metric 탭으로 구성됩니다.

Page Detail 탭​

분석 정보(리소스 캐싱·압축·JavaScript 오류 등 개선 권고), 페이지 정보(URL, 접속 시각, 로드 시간, 서버·네트워크·DOM·렌더 시간), 사용자 정보(사용자 ID, 브라우저, OS, 기기, User Agent)를 확인할 수 있습니다. 화면 상단 스크린샷이 바로 이 탭입니다.

View User Session Flow 버튼을 클릭하면 해당 사용자의 세션 흐름 화면으로 이동합니다.

Load Timeline 탭​

페이지 로드 단계별 소요 시간(캐시 시간, DNS 조회, 연결 시간, 요청 대기 시간, 다운로드 시간, 렌더링 시간)을 막대 형태로 확인할 수 있습니다.

Resource Timeline 탭​

페이지 로드 시 호출된 개별 리소스(스크립트, 이미지 등)의 이름·타입·상태 코드·크기·소요 시간을 목록으로 확인할 수 있습니다.

AJAX Request History 탭​

페이지에서 발생한 AJAX 요청을 호출 순서대로 확인할 수 있습니다.

Status 컬럼에서 요청 성공(200) 여부와 실패 시 상태 코드(예: 405)를 확인할 수 있습니다. 실패한 요청은 Error Message 컬럼에 원인이 표시됩니다.

Metric 탭​

해당 페이지에 한정된 성능 지표(LCP, INP, CLS, 평균 AJAX 응답 시간 등)를 시계열 차트로 확인할 수 있습니다.

Metric 탭​

애플리케이션의 주요 성능 지표(최대 콘텐츠 페인트(LCP), 다음 페인트까지의 상호작용(INP), 누적 레이아웃 이동(CLS), 평균 AJAX 응답 시간, 초당 평균 페이지 호출 수, 평균 페이지 호출 수, 페이지 로드 시간 구간별 분포, 브라우저별 평균 페이지 로드 시간 등)를 시계열 차트로 확인할 수 있습니다.

Alert 탭​

해당 애플리케이션에 등록된 알람 규칙과 발생 이력을 확인할 수 있습니다.