본문으로 건너뛰기

시작하기 전에

브라우저 모니터링 대시보드 기능을 이용하기 전에 와탭에서 정의한 다음 용어들에 대해 숙지한 다음 시작하세요.

페이지 로드

웹 애플리케이션을 접속했을 때 페이지의 콘텐츠와 리소스를 불러오는 과정입니다. 브라우저 모니터링 서비스에서는 페이지 로드 시간을 다음과 같이 정의합니다.

  • DOM 인터랙션, AJAX 요청, 리소스 응답이 100ms 이내로 없을 경우
  • window onload 이벤트가 발생한 경우

위 조건을 조합해 최종 로드 시간을 결정합니다.

라우터 변경

웹 애플리케이션을 Single Page Application(SPA)로 구성한 경우 페이지를 이동할 때마다 페이지 로드 이벤트가 발생하지 않습니다. 브라우저의 History API를 이용해 페이지 전환과 관련한 데이터를 수집합니다.

라우터 변경 시간의 정의는 페이지 로드에 대한 첫번째 정의와 같습니다.

페이지 전환 후 DOM 인터랙션, AJAX 요청, 리소스 응답이 100ms 이내로 없을 경우 이벤트를 종료합니다.

사용자 세션

브라우저 모니터링 서비스에서 사용자 세션은 사용자가 웹 애플리케이션과 상호 작용을 지속하는 행위의 단위입니다.

사용자의 페이지 진입부터 이탈까지를 하나의 사용자 세션으로 정의합니다. 세션의 유지 기간은 최대 4시간이며 15분 동안 웹 애플리케이션과 상호 작용이 없다면 세션을 초기화합니다.

페이지 그룹

브라우저 모니터링 서비스에서 의미있는 통계 그룹을 가지기 위해 URL Path를 정규화해 페이지 그룹이라는 이름으로 제공합니다. URL Path 단위 분석에 의미가 없다고 판단한 숫자, 날짜 등을 물음표(?)로 치환해 제공합니다.

예를 들어, /v2/project/sms*/12/**dashboard/resource_board와 같은 URL Path를 /v2/project/sms/?/**dashboard/resource_board*와 같은 형태로 제공합니다.

브라우저 에러

브라우저 모니터링 서비스는 브라우저에서 발생하는 에러를 다음과 같이 구분합니다.

  • console: 개발자가 정의한 에러, 브라우저 콘솔에서 발생하는 에러입니다.

  • onError: 특정 리소스를 로드하지 못하거나 스크립트에 오류가 있는 경우 발생하는 에러입니다.

  • fetch error: fetch를 통한 HTTP 요청(HTTP Request)이 있을 경우 발생하는 에러입니다.

  • xhr error: xhr를 통한 HTTP 요청(HTTP Request)이 있을 경우 발생하는 에러입니다.