New Relic의 RUM DOM 처리와 네트워크 시간의 이해

Question

New Relic에서보고 한 DOM 처리 부분에 대해서는 DOM 처리 스톱워치가 시작되고 (네트워크 스톱워치가 중지됨) 데이터의 첫 번째 바이트가 서버에서 수신되면, 파싱이 시작됩니다. 이 파싱이 HTML이나 파싱 될 수 있기 전에 다운로드되어야하는 CSS 나 js 파일을 가로 질러 오면 그 파일을 다운로드하는 데 걸리는 시간은 New Relic에서보고 한 DOM Processing 섹션의 일부입니까? 또는 다운로드 시간이 차트의 네트워크 섹션에 다시 추가됩니까?

우리는 네트워크의 시간 측정 응용 프로그램 처리 시간 후 왕복 전에 시간과입니다 볼 수 있습니다

Answer 1

이 데이터가 기록되는 방식을 시각화하는 가장 좋은 방법은이 차트에서이다 응용 프로그램 에이전트. 응용 프로그램 서버와의 네트워크 시간은 개요 도표에 표시된 네트워크 시간으로 집계됩니다.

DOM 처리 시간과 관련하여 클라이언트 측 브라우저가 요청을 처리하기 시작하면 HTML 처리가 시작될 때이 측정이 시작됩니다.

이 브라우저 에이전트는 DOMContentReady 이벤트가 발생할 때까지이 시간을 측정합니다.

페이지 렌더링 섹션에서 언급되는 이벤트 중 일부는 Chrome에서 네트워크 (폭포수보기)를로드하여 이러한 이벤트의 컨텍스트에서 이러한 이벤트가 발생하는 위치를 확인해야합니다 (빨간색 및 파란색 수직선).