• 로그인

사용자의 편의를 위해 제공되는 기계 번역입니다.

영문본과 번역본이 일치하지 않는 경우 영문본이 우선합니다. 보다 자세한 내용은 이 페이지를 방문하시기 바랍니다.

문제 신고

페이지 로드 타이밍 프로세스

이 문서에서는 다음을 설명합니다.

  • 웹 페이지가 로드되는 방식
  • 브라우저 모니터링 이 RUM(실제 사용자 모니터링)이라고도 하는 페이지 로드 타이밍을 측정하는 방법

이것은 전통적인 동기 페이지 로드 타이밍에 대한 설명입니다. 브라우저는 비동기 페이지 로드 타이밍 을 모니터링할 수도 있습니다.

페이지 로드 프로세스

다음은 대부분의 웹 페이지를 로드하는 주요 단계입니다. 다이어그램의 숫자 1-6은 아래 번호가 매겨진 단계에 해당합니다.

페이지 로드 타임라인: 웹 페이지 로드와 관련된 단계입니다. 브라우저 모니터링 차트는 해당 프로세스의 네트워크 , 웹 애플리케이션 , DOM 처리페이지 렌더링 세그먼트를 표시합니다.

  1. 페이지 로드는 사용자가 하이퍼링크를 선택하거나, 양식을 제출하거나, 브라우저에 URL을 입력할 때 시작됩니다. 이를 초기 요청 또는 탐색 시작 이라고도 합니다. 사용자의 작업은 네트워크를 통해 웹 응용 프로그램 서버에 요청 을 보냅니다.
  2. 요청이 처리를 위해 애플리케이션에 도달합니다. (요청이 처리되기 시작하는 데 시간이 걸릴 수 있습니다. 이는 요청 대기열 의 결과이거나 다른 요인일 수 있습니다.)
  3. 앱이 처리를 마치고 네트워크를 통해 사용자의 브라우저로 HTML 응답 을 다시 보냅니다. 이것은 응답 시작 또는 첫 번째 바이트 라고도 합니다.
  4. (Time To First Byte) 사용자의 브라우저는 HTML 응답을 받기 시작하고 Document Object Model 또는 DOM 처리를 시작합니다.
  5. DOM이 로드를 완료합니다. 이 지점을 DOM 준비 상태 라고 합니다. DOM을 사용하여 사용자의 브라우저는 페이지를 렌더링하기 시작합니다.
  6. 사용자의 브라우저에서 페이지 렌더링이 완료되고 창 로드 이벤트 가 발생합니다. ( 비동기 로딩 을 사용하는 페이지의 경우 창 로드 이벤트가 발생한 후에도 일부 요소가 계속 로드될 수 있습니다.)

브라우저 모니터링의 페이지 로드 시간 차트

브라우저 모니터링은 브라우저 요약 페이지페이지 보기 페이지 에서 주요 페이지 로드 타이밍 세그먼트를 캡처합니다. SPA 모니터링이 활성화된 경우 이 차트와 SPA 관련 차트 에 모두 액세스할 수 있습니다. 차트는 다음을 보여줍니다.

  • 회로망
  • 웹 신청 시간
  • DOM 처리
  • 페이지 렌더링
  • 요청 대기열과 같은 적용 가능한 기타 세그먼트

차트 색상은 페이지 로드 타이밍 다이어그램 의 색상과 일치합니다.

one.newrelic.com > Browser > (앱 선택) > Summary : 로드 시간 차트가 SummaryPage views 페이지에 나타납니다.

브라우저가 이러한 시간을 수집하는 방법은 탐색 타이밍 사양 API 를 사용하는 브라우저의 기능에 따라 다릅니다. 브라우저 에이전트 API 를 사용하여 사용자 정의 페이지 로드 타이밍 이벤트를 추가할 수 있습니다.

다음은 브라우저 로드 시간 차트 세그먼트에 포함된 활동에 대한 설명입니다.

앱 서버 요청 대 브라우저 트랜잭션

종종 앱 서버 트랜잭션 수(분당 요청 수 또는 rpm )는 동일한 애플리케이션에 대한 브라우저 트랜잭션 수(분당 페이지 수 또는 ppm )보다 큽니다. 자세한 내용은 문제 해결 절차 를 참조하십시오.

이상치

애플리케이션이 아무리 잘 수행되더라도 전체 응답 시간을 더 느리게 보이게 하는 일부 느린 브라우저, 플랫폼 및 네트워크가 있습니다. 이상값으로 인한 왜곡을 최소화하기 위해 페이지 로드 타이밍은 애플리케이션 브라우저 Apdex T 설정의 4.5배보다 큰 최종 사용자 응답 시간을 Apdex T의 4.5배 또는 13.5초 중 더 큰 값으로 클램프하고 조정합니다. ( 히스토그램 이상치는 95%에서 잘립니다.)

예를 들어 애플리케이션의 최종 사용자 Apdex T 임계값 이 8초인 경우 해당 응답 시간은 36초로 고정됩니다. 이렇게 하면 이러한 응답 시간이 전체 애플리케이션에 미치는 영향을 최소화하지만 여전히 "불만족스러운" Apdex 점수에 대한 설명을 제공합니다.

SPA 모니터링 의 경우 이상값은 다르게 처리됩니다. 초기 페이지 로드 또는 경로 변경 기간이 30분에 도달하면 해당 이벤트는 유효하지 않은 데이터로 처리되어 폐기됩니다.

Copyright © 2022 New Relic Inc.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.