페이지 로드 통계

홈 화면 > 프로젝트 선택 > 통계 > 페이지 로드 통계

페이지 로드 통계는 웹 사이트의 페이지별 로드 성능 정보를 제공합니다. 각 페이지의 로드 과정을 추적하여 성능이 저하된 페이지를 식별하고, 개선된 페이지의 성과를 분석할 수 있습니다. 또한 웹 애플리케이션의 사용자 경험 개선에 필요한 인사이트를 얻을 수 있습니다.

• 페이지 URL 경로별 로드 성능 통계를 제공합니다.

• 평균값, 최댓값, 최솟값, 백분위수 기반 통계를 확인할 수 있습니다.

• 페이지 로드 과정의 시간 정보를 필터링하여 성능을 심층 분석할 수 있습니다.

• Navigation Timing API를 활용해 각 페이지 로드의 단계의 시간을 수집합니다.

노트

페이지 로드 통계에서 수집하는 데이터에 대한 자세한 내용은 다음 문서를 참고하세요.

페이지 로드 통계 확인하기

페이지의 URL 경로를 기준으로 페이지 로드 시간 및 DOM 로드 시간, 네트워크 지연 시간, 리소스 로드 시간 등 다양한 성능 지표를 확인할 수 있습니다. 이 지표를 통해 각 페이지 성능 상태를 평가하고, 최적화 여부를 판단할 수 있습니다.

1. 통계 > 페이지 로드 통계 메뉴로 이동하세요.

2. 시간 항목에서 성능 지표를 조회할 날짜와 시간을 설정하세요.

   • 설정 가능한 시간 범위: 최소 5분, 최대 3일

   • 데이터 조회 단위: 2시간 이하 → 5분 단위, 2시간 초과 → 1시간 단위

   팁

   최근 검색 시간

   이전에 조회한 시간 범위는 최근 검색 시간 목록에 자동 저장됩니다. 최대 10개의 검색 이력이 저장되며, 원하는 항목을 클릭해 빠르게 다시 조회할 수 있습니다.

3. 통계 기준에서 원하는 항목을 선택하세요. 통계 기준 문서를 참고하세요.

4. 화면 오른쪽 위의 버튼을 클릭하세요.

5. 선택한 시간 범위의 성능 지표가 각 섹션에 차트와 목록으로 표시됩니다.

   • 그래프 위에 마우스를 올리면 해당 시간대의 상세 지표를 확인할 수 있습니다.

통계 기준 선택하기

통계 기준은 성능 지표를 분석할 때 사용하는 집계 방식이며, 사용자는 원하는 기준을 옵션으로 선택할 수 있습니다.

통계 기준	설명
평균	각 페이지의 평균 로드 시간을 기준으로 통계를 제공합니다. 단, 간헐적인 성능 저하는 파악하기 어려울 수 있으므로 최대값과 백분위 옵션을 함께 사용해 성능 저하 시점과 심각성 정도를 확인할 수 있습니다.
최대값	각 페이지의 최대 로드 시간을 기준으로 통계를 제공합니다. 즉, 페이지 로드 시간이 가장 비효율적인 페이지 URL을 파악할 수 있습니다.
최소값	각 페이지의 최소 로드 시간을 기준으로 통계를 제공합니다. 가장 빠른 로드 시간을 기준으로 최적화 상태를 평가하거나, 성능 목표를 설정할 때 참고할 수 있습니다. 단독 사용보다는 평균 또는 백분위 옵션과 함께 분석하는 것이 효과적입니다.
백분위	전체 사용자 중 일부 구간의 로드 시간을 기준으로 분석할 수 있어, 성능 저하가 발생하는 사용자 비율을 파악하고 사용자 경험 개선에 유용합니다.
	95분위	가장 느린 5%의 페이지 로드 시간으로, 페이지 로드 시간이 가장 느렸던 상위 5% 사용자의 경험을 의미합니다.
	90분위	가장 느린 10% 사용자의 페이지 로드 시간으로, 주로 느린 사용자 그룹의 성능 문제를 파악할 때 유용합니다.
	75분위	페이지 로드 시간이 하위 75%보다 느린 상위 25% 사용자의 로드 시간을 보여 줍니다.
	50분위	중간값으로, 전체 사용자 중 절반은 해당 시간보다 빠르게 페이지를 로드하고, 절반은 더 느리게 로드한 것을 의미합니다.

페이지 로드 성능 추이

페이지 로드 횟수와 성능 지표(응답 시간)의 시간대별 추이를 시각화한 차트입니다. 이 그래프를 통해 특정 시간대에 성능 변동이 있었는지 확인할 수 있습니다. 차트에 표시되는 항목은 통계 기준에 따라 달라집니다.

• 파란색 막대 그래프는 해당 시간대의 페이지 로드 수 입니다. 특정 시간의 파란색 막대 그래프를 클릭하면, 해당 시간 범위의 페이지 로드 시간 Top10, 페이지 로드 수 Top10, 페이지 그룹 목록 섹션의 데이터를 확인할 수 있습니다.

통계 기준 평균/최대값/최소값

보라색 선 그래프는 해당 시간대의 평균 페이지 로드 시간입니다.

통계 기준 백분위

파란색은 50분위, 보라색은 75분위, 주황색은 90분위, 초록색은 95분위를 나타냅니다.

페이지 로드 수 Top10(경과 시간)

5분 또는 1시간 간격으로 페이지 그룹을 그룹화하고, 단위별 페이지 로드 수가 가장 많은 상위 10개 페이지 그룹의 경과 시간을 시계열 그래프로 표시합니다. 그래프는 페이지 로드 시간이 긴 순으로 정렬됩니다.

• 섹션 하단의 막대 그래프는 시계열 그래프로 표현되는 데이터의 페이지 그룹별 평균값입니다.

• 데이터가 연속된 시간 구간으로 수집되지 않고 특정 구간에 존재하는 경우 막대 그래프만 표시됩니다.

• 통계 기준에 따른 경과 시간 표시 방식

  • 평균, 최대값, 최소값: 선택한 기준값으로 경과 시간을 표시합니다.

  • 백분위: 섹션 오른쪽 상단에서 선택한 분위값으로 경과 시간을 표시합니다.

페이지 로드 수 Top10(건수)

5분 또는 1시간 간격으로 페이지 그룹을 그룹화하고, 단위 시간별 페이지 로드 수가 가장 많은 상위 10개 페이지 그룹을 시계열 그래프로 표시합니다. 그래프는 페이지 로드 수가 많은 순으로 정렬하여 표시합니다.

• 섹션 하단의 막대 그래프는 시계열 그래프로 표현되는 데이터의 페이지 그룹별 합산값입니다.

• 데이터가 연속된 시간 구간으로 수집되지 않고 특정 구간에 존재하는 경우, 막대 그래프만 표시됩니다.

페이지 그룹 목록

페이지 그룹을 기준으로 다양한 성능 지표를 확인할 수 있는 목록입니다. 테이블의 컬럼 헤더에 마우스를 오버하면 해당 컬럼에 대한 상세 정보를 툴팁 형태로 제공합니다. 컬럼 항목에 대한 자세한 내용은 다음 문서를 참고하세요.

아이콘 항목	설명
	CSV 버튼을 클릭하면 조회 결과를 CSV 파일로 저장할 수 있습니다.
컬럼 설정	컬럼을 숨기거나 추가하고 순서를 변경할 수 있습니다. 자세한 내용은 컬럼 설정 문서를 참고하세요.
	새 창 아이콘을 클릭하면 리소스 그룹 목록을 새 창에서 확인할 수 있습니다.

노트

통계 기준을 백분위로 선택하면 페이지 그룹별 건수와 50분위, 75분위, 90분위, 95분위에 대한 경과 시간을 추가로 확인할 수 있습니다.

페이지 그룹 목록에서 사용자 세션 로그 검색으로 이동

페이지 그룹 컬럼의 아이콘을 클릭하면 사용자 세션 로그 검색로 이동합니다. 선택한 페이지 그룹 URL 및 조회 시간을 필터로 적용한 결과를 확인할 수 있습니다.

페이지 로드 통계에서 사용자 세션 로그 검색로 이동할 때 지정한 시간 범위 전후의 데이터도 포함될 수 있습니다.

• 2시간 이상 조회: 1시간 단위로 데이터를 조회하며, 조회 시간 범위 전후로 각각 1시간이 추가됩니다.

  예를 들어 조회 범위가 11:00 ~ 14:00 (3시간 조회)이면 실제 조회 범위는 10:00 ~ 15:00 (총 5시간 조회)입니다.

• 2시간 이내 조회: 5분 단위로 데이터를 조회하며, 조회 시간 범위 전후로 각각 5분이 추가됩니다.

  예를 들어 조회 범위가 11:00 ~ 11:30 (30분 조회)이면 실제 조회 범위는 10:55 ~ 11:35 (총 40분 조회)입니다.

페이지 로드 통계 상세

페이지 로드 통계에서 페이지 그룹 목록의 상세 아이콘을 클릭하면 선택한 페이지 그룹의 통계를 보여 주는 페이지 로드 통계 상세 창으로 이동합니다.

• 페이지 로드 타임라인

  웹 애플리케이션의 전체 페이지 로드 성능 정보를 제공합니다. 페이지 로드 시간과 로드 단계별 과정을 평균 시간으로 확인할 수 있습니다. 자세한 내용은 다음 문서를 참고하세요.

  노트

  통계 기준을 백분위로 선택하면, 페이지 로드 성능을 백분위로 표시합니다. 파란색은 50분위, 보라색은 75분위, 주황색은 90분위, 초록색은 95분위를 나타냅니다.

• 페이지 로드 시간

  선택한 페이지 그룹의 시간대별 페이지 로드 시간을 표시합니다. 페이지 로드 시간 영역의 오른쪽 드롭다운 목록에서 원하는 성능 지표를 선택할 수 있습니다. 자세한 내용은 다음 문서를 참고하세요.

  노트

  통계 기준을 백분위로 선택하면 백분위별 페이지 로드 시간을 제공합니다.

• 페이지 로드 수

  선택한 페이지 그룹의 시간대별 페이지 로드 수를 표시합니다.

• 브라우저 별 페이지 로드 Top10 / 운영체제 별 페이지 로드 Top10 / 디바이스 별 페이지 로드 Top10

  페이지 로드 건수를 기준으로 상위 10개의 브라우저, 운영체제, 디바이스를 원형 그래프로 제공합니다. 웹 애플리케이션을 이용하는 사용자의 환경을 파악할 수 있습니다.

• 브라우저 별 페이지 로드 시간 / 운영체제 별 페이지 로드 시간 / 디바이스 별 페이지 로드 시간

  브라우저, 운영체제, 디바이스 별 페이지 로드 시간을 제공합니다. 페이지 로드 시간이 느려지는 사용자의 환경을 파악할 수 있습니다.

  노트

  그래프/테이블 보기 전환

  오른쪽 상단의 그래프와 테이블 아이콘을 클릭하면 보기 형식을 전환할 수 있습니다. 테이블 형식에서 경과 시간과 세부 시간 정보를 추가로 제공합니다.

• 페이지 URL Path 목록

  정규 표현식으로 그룹화하지 않은 URL 경로(Path) 기준의 성능 지표를 제공하는 테이블입니다. 테이블의 컬럼 헤더에 마우스를 오버하면 해당 컬럼에 대한 상세 정보를 툴팁 형태로 제공합니다. 컬럼 항목에 대한 자세한 내용은 다음 문서를 참고하세요.

  아이콘 항목	설명
  	CSV 버튼을 클릭하면 조회 결과를 CSV 파일로 저장할 수 있습니다.
  컬럼 설정	컬럼을 숨기거나 추가하고 순서를 변경할 수 있습니다. 자세한 내용은 컬럼 설정 문서를 참고하세요.
  	새 창 아이콘을 클릭하면 리소스 그룹 목록을 새 창에서 확인할 수 있습니다.
  	페이지 URL Path 컬럼의 아이콘을 클릭하면 사용자 세션 로그 검색으로 이동합니다. 선택한 URL과 조회 시간을 필터로 적용한 결과를 확인할 수 있습니다.

  노트

  페이지 URL Path에서 사용자 세션 로그 검색로 이동할 때 지정한 시간 범위 전후의 데이터도 포함될 수 있습니다.

  • 2시간 이상 조회: 1시간 단위로 데이터를 조회하며, 조회 시간 범위 전후로 각각 1시간이 추가됩니다.

    예를 들어 조회 범위가 11:00 ~ 14:00 (3시간 조회)이면 실제 조회 범위는 10:00 ~ 15:00 (총 5시간 조회)입니다.

  • 2시간 이내 조회: 5분 단위로 데이터를 조회하며, 조회 시간 범위 전후로 각각 5분이 추가됩니다.

    예를 들어 조회 범위가 11:00 ~ 11:30 (30분 조회)이면 실제 조회 범위는 10:55 ~ 11:35 (총 40분 조회)입니다.

  정보

  데이터 수집 제한

  • 5분마다 최대 5,000개의 페이지 URL Path을 생성해 서버로 전송합니다.

  • 5분 동안 고유한 URL Path의 수가 5,000개를 초과하면 추가 데이터는 무시됩니다.

  데이터 정확성

  Navigation Timing API에서 일부 세부 시간 정보가 0으로 수집될 수 있습니다. 특정 성능 지표가 표시되지 않을 수 있습니다.

  차트 간격

  데이터의 조회 시간 단위에 따라 차트 간격이 결정됩니다.

  • 1시간 데이터로 조회하면 차트 간격은 1시간으로 표시됩니다.

  • 5분 데이터로 조회하면 차트 간격은 5분으로 표시됩니다.

조회 결과 필터링하기

조회한 통계 데이터를 페이지 그룹 또는 성능 지표 (ms)를 기준으로 필터링하여 원하는 내용을 집중 분석할 수 있습니다.

화면 상단의 필터 입력창을 클릭해 필터 추가하기에서 필터를 지정할 수 있습니다. 필터 태그는 필터 키, 조건, 검색 값의 순서로 입력합니다.

필터 키, 조건, 검색 값 입력

• 필터 키 입력 시 페이지 그룹 및 성능 지표(ms) 옵션을 제공합니다.

• 조건 입력 시 필터 키가 페이지 그룹인 경우 일치 ,불일치 옵션을 제공하며, 성능 지표인 경우 >, <, <=, >=, ==옵션을 제공합니다.

• 검색 값 입력 시 일치 검색(>, <, <=, >=, ==)일 때 파란색으로, 제외 검색(불일치)일 때 붉은색으로 하이라이팅합니다.

노트

선택할 수 있는 성능 지표에 대한 자세한 내용은 다음 문서를 참조하세요.

필터 태그 제거

• 태그의 X 아이콘 클릭 시 적용된 태그를 삭제할 수 있습니다.

• 입력 창의 전체 삭제  아이콘 클릭 시 전체 태그를 삭제할 수 있습니다.

컬럼 설정하기

페이지 그룹 목록에서 테이블 헤더 컬럼을 감추거나 원하는 항목을 추가할 수 있습니다. 컬럼 순서를 변경할 수도 있습니다. 컬럼 설정 버튼을 클릭하세요.

• 왼쪽 목록을 (오름차순) / (내림차순) 아이콘을 클릭해 정렬할 수 있습니다.

컬럼 추가하기

1. 컬럼 설정 창의 왼쪽 목록에서 추가할 컬럼 항목을 선택하세요.

   • 모든 컬럼을 추가하려면 왼쪽 상단의 전체 선택을 선택하세요.

2. 선택한 컬럼 항목이 오른쪽 표시 항목에 추가된 것을 확인하세요.

3. 원하는 컬럼 항목을 모두 추가했으면 확인 버튼을 클릭하세요.

노트

컬럼 항목에 대한 자세한 내용은 다음 문서를 참고하세요.

컬럼 삭제하기

1. 컬럼 설정 창의 표시 항목에서 삭제할 컬럼 항목의 오른쪽 을 클릭하세요.

2. 왼쪽 목록에서 삭제한 컬럼 항목의 체크 박스가 해제된 것을 확인하세요.

3. 원하는 컬럼 항목을 모두 삭제했으면 확인 버튼을 클릭하세요.

컬럼 순서 변경하기

컬럼의 순서를 변경할 수 있습니다.

1. 컬럼 설정 창의 표시 항목에서 순서를 변경할 항목을 드래그해서 원하는 위치로 이동해 컬럼의 순서를 변경하세요.

2. 모든 설정을 완료한 후에 확인 버튼을 클릭하세요.

컬럼 설정 초기화하기

변경 사항을 모두 취소하고 초기화할 수 있습니다.

1. 컬럼 설정 창의 초기화 버튼을 클릭하세요.

2. 초기화 설정을 반영하려면 확인 버튼을 클릭하세요.

AI 분석으로 조회 결과 해석하기

옵션바의 AI 분석 버튼을 클릭하면 화면에 조회된 성능 추이와 상위 페이지 그룹, 브라우저, 운영체제, 디바이스 요약을 WhaTap AI가 함께 읽고 분석 결과를 알려 줍니다. 버튼은 아이콘만 표시되며 마우스를 올리면 이름을 툴팁으로 확인할 수 있습니다.

1. 조회 조건을 지정하고 버튼을 클릭해 데이터를 조회하세요.

2. 옵션바의 AI 분석 버튼을 클릭하세요.

3. 화면 오른쪽에 AI 분석 드로어가 열리고 결과가 스트리밍 형식으로 표시됩니다.

• 분석 결과 본문의 페이지 그룹 이름은 링크로 표시됩니다. 링크를 클릭하면 목록에서 상세를 클릭한 것과 같은 상세 창이 열립니다.

• 조회 조건을 바꿔 다시 조회하면 이전 조건의 분석 결과는 지웁니다.

• 시간 입력이 유효하지 않으면 버튼이 비활성 상태가 되며, 마우스를 올리면 유효하지 않은 시간이 선택되었습니다. 사유를 확인할 수 있습니다.

노트

AI 분석의 공통 동작과 분석에 사용하는 데이터 범위는 다음 문서를 참고하세요.

컬럼 및 용어

컬럼	단위	설명
백엔드 시간	밀리 세컨드	페이지 로드 중 백엔드에서 처리된 시간입니다. (startTime부터 responseEnd까지의 시간)
프론트엔드 시간	밀리 세컨드	페이지 로드 중 프론트엔드 영역의 처리 시간입니다. (domInteractive부터 loadEventEnd까지의 시간)
리다이렉트 시간	밀리 세컨드	브라우저가 웹 페이지를 불러오면서 리다이렉트에 소요된 시간입니다. (redirectStart부터 redirectEnd까지의 시간)
캐싱 시간	밀리 세컨드	브라우저가 웹 페이지를 불러오면서 캐시된 리소스를 검색하는데 소요된 시간입니다. (fetchStart부터 domainLookupStart까지의 시간)
DNS 시간	밀리 세컨드	브라우저가 웹 페이지를 불러오면서 웹사이트 도메인을 조회하는데 소요된 시간입니다. (domainLookupStart부터 domainLookupEnd의 시간)
서버 연결 시간	밀리 세컨드	페이지 로드 중 브라우저와 서버 간의 네트워크 연결을 설정하는 데 소요된 시간으로, 클라이언트와 서버가 연결하는 데 소요된 시간입니다.
SSL 시간	밀리 세컨드	TLS 핸드셰이크에 소요된 시간입니다. (connectEnd부터 secureConnectionStart까지의 시간) 마지막 요청이 HTTPS를 사용한 경우에만 측정합니다.
FirstByte 시간	밀리 세컨드	브라우저가 웹 페이지를 불러오면서 네트워크 요청을 보낸 후 서버로부터 첫 번째 바이트(byte)를 수신할 때까지 소요된 시간입니다. (requestStart부터 responseStart까지의 시간)
다운로드 시간	밀리 세컨드	브라우저가 웹 페이지를 불러오면서 서버로부터 리소스를 다운로드하는데 소요된 시간입니다. (responseStart부터 responseEnd까지의 시간)
DomContentLoaded 시간	밀리 세컨드	웹 페이지가 초기 콘텐츠를 렌더링하고 상호 작용할 수 있는 상태가 되기까지의 시간입니다. (domContentLoadedEventStart부터 domContentLoadedEventEnd까지의 시간)
Dom 로드 시간	밀리 세컨드	웹 페이지의 모든 자원을 로드하고 렌더링이 완료된 후 사용자가 상호 작용할 수 있는 상태까지의 시간입니다. (loadEventStart부터 loadEventEnd까지의 시간)
렌더링 시간	밀리 세컨드	서버로부터 다운로드한 리소스를 화면에 렌더링하고 페이지 로드 이벤트를 완료하는데 소요된 시간입니다. (domInteractive부터 domComplete까지의 시간)
onLoad 이벤트 시간	밀리 세컨드	브라우저에서 측정하는 load 이벤트가 완료되는 시간입니다. (시작부터 loadEventEnd까지의 시간)
경과 시간	밀리 세컨드	브라우저가 웹 페이지를 완전히 불러오는데 소요된 시간입니다.
건수	건수	페이지 로드 수입니다.
페이지 그룹	URL 텍스트	URL 경로(URL Path)를 정규 표현식을 통해 정규화하여 제공하는 통계 그룹입니다. 자세한 내용은 다음 문서를 참조하세요.
페이지 URL Path	URL 텍스트	정규 표현식을 통해 정규화하지 않은 URL 경로(URL Path)입니다.
브라우저	텍스트	Chrome, Edge, Safari 등, 최종 사용자가 사용한 브라우저 종류입니다.
운영체제	텍스트	macOS, Windows, Linux 등, 최종 사용자가 사용한 기기의 운영체제 종류입니다.
디바이스	텍스트	Desktop, Mobile, Tablet 등, 최종 사용자가 사용한 기기 종류입니다.

노트

Navigation timing에 대한 자세한 내용은 다음 문서를 참고하세요.