Page Performance Monitoring

Page Performance Monitoring 화면에서는 RUM(Real User Monitoring)으로 수집된 특정 RUM Group의 페이지별 호출 수 순위, Core Web Vitals(LCP·INP·CLS) 지표, 페이지 로드 시간 분포, AJAX 성능 지표를 한 화면에서 실시간으로 확인할 수 있습니다.

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

화면은 Page Calls per Second (Top 5) 순위, Core Web Vitals(LCP/INP/CLS), Page Load Time, AJAX Performance Metric 네 영역으로 구성됩니다. 화면 상단에는 현재 선택된 RUM Group 이름이 표시됩니다.

좌측 Filters 패널의 RUM Group 항목은 다른 화면처럼 여러 대상을 체크박스로 동시에 선택하는 방식이 아니라, default·180helm처럼 상위 카테고리로 묶인 목록에서 라디오 버튼으로 RUM Group을 하나만 선택하는 구조입니다. 선택한 RUM Group 하나의 데이터만 화면 전체에 반영됩니다.

Page Calls per Second 순위 확인하기​

Page Calls per Second (Top 5) 목록에서는 선택한 RUM Group에서 초당 호출 수가 많은 페이지 URL 상위 5개를 확인할 수 있습니다.

• 각 항목은 순위, 페이지 URL, 초당 평균 호출 수를 표시합니다.
• 항목을 클릭하면 화면 우측에 해당 페이지의 상세 분석 패널이 열립니다.

트래픽이 몰리는 페이지를 빠르게 파악해 성능 점검 우선순위를 정할 때 유용합니다.

Core Web Vitals 확인하기​

Largest Contentful Paint (LCP), Interaction to Next Paint (INP), Cumulative Layout Shift (CLS) 세 차트에서 선택한 RUM Group의 Core Web Vitals 지표 추이를 P75(75번째 백분위수) 기준으로 확인할 수 있습니다.

• LCP: 사용자가 페이지를 요청한 시점부터 가장 큰 콘텐츠 요소가 렌더링되기까지 걸린 시간(초)입니다.
• INP: 사용자 상호작용 이후 다음 화면이 그려지기까지 걸린 시간(ms)입니다.
• CLS: 페이지 로드 중 발생한 레이아웃 이동 누적값입니다.

각 차트 하단의 Category 표에서는 값이 Poor(빨강)/Needs Improvement(주황)/Good(초록) 중 어디에 속하는지 건수로 확인할 수 있습니다. 차트 제목 옆 ? 아이콘에 마우스를 올리면 지표 설명과 등급 기준값을 확인할 수 있습니다.

Page Load Time 분포 확인하기​

Page Load Time 영역에서는 선택한 기간 동안 수집된 개별 페이지 로드 이력을 시간대별 분포 차트로 확인할 수 있습니다.

• 차트 우측 상단에는 Total(전체 건수), Normal Count(정상 처리 건수), Exception Count(예외 발생 건수)가 표시됩니다.
• Normal(파란색 점)은 정상 처리된 페이지 로드, Exception(빨간색 점)은 임계치를 초과했거나 오류가 발생한 페이지 로드를 나타냅니다.

우측 상단의 [Filter] 버튼을 클릭하면 조회 조건을 세부적으로 좁힐 수 있습니다.

• Page Information: Page Load Time (s) 범위를 지정하거나, Exception Only 토글을 켜서 예외가 발생한 페이지 로드만 표시할 수 있습니다.
• User Information: User ID를 추가하거나 Browser, OS를 선택해 특정 사용자 환경의 페이지 로드만 필터링할 수 있습니다.

특정 사용자나 브라우저 환경에서만 반복되는 성능 이슈를 좁혀서 확인할 때 활용합니다.

차트 위에서 마우스로 사각형 영역을 대각선으로 드래그하면 드래그한 구간만 확대한 상세 패널이 화면 우측에 열립니다.

• Individual Page Load Time 차트에서는 드래그로 선택한 구간의 페이지 로드 시점과 소요 시간을 점으로 확대해서 확인할 수 있습니다.
• 하단 Page List에서는 해당 구간에 포함된 개별 페이지 로드 이력을 목록으로 확인할 수 있습니다. 선택한 구간에 로드 이력이 없으면 목록이 비어 있습니다.

짧은 구간을 드래그해서 확대하면 순간적으로 몰린 페이지 로드나 특정 시점의 이상 패턴을 세밀하게 확인할 수 있습니다.

AJAX Performance Metric 확인하기​

AJAX Performance Metric 영역에서는 선택한 RUM Group에서 발생한 AJAX 요청의 성능 지표를 4개 차트로 확인할 수 있습니다.

• Average Calls per Second: 초당 평균 AJAX 호출 수입니다.
• Average Response Time: AJAX 요청의 평균 응답 시간(Response Time)과 콜백 처리 시간(Callback Time)입니다.
• Error Occurrence Rate: 전체 AJAX 요청 중 오류가 발생한 비율입니다. Network Error, Request Error (4xx), Server Error (5xx) 유형별로 구분되어 표시됩니다.
• Average Data Transfer Volume: AJAX 요청·응답으로 주고받은 평균 데이터 크기(Sent/Received)입니다.

Error Occurrence Rate가 지속적으로 높은 구간이 보이면 해당 페이지의 상세 분석 패널에서 AJAX Request History 탭을 확인해 원인이 된 요청을 좁혀볼 수 있습니다.

페이지 상세 정보 확인하기​

Page Calls per Second 순위 목록에서 페이지 URL을 클릭하면 화면 우측에 상세 분석 패널이 열립니다.

이 패널은 Web Application 화면의 Page Analysis 탭에서 페이지를 클릭했을 때 열리는 상세 패널과 동일합니다. Page Detail, Load Timeline, Resource Timeline, AJAX Request History, Metric 탭 구성과 각 탭의 세부 내용은 해당 문서를 참고하세요.