RUM(실제 사용자 모니터링)이라고도 하는 표준 페이지 로드 타이밍 의 경우 전체 웹페이지를 로드하는 데 걸리는 전체 시간을 측정합니다. 페이지 로드 후 추가 모니터링은 페이지 내 AJAX 호출, JavaScript 오류, 기타 이벤트 및 상호 작용에 대한 세부 정보를 제공합니다.
우리의 는 더 자세한 백앤드 타이밍 정보를 수집하기 위해 뉴렐릭 에이전트를 활용하여 페이지가 작성될 때 페이지에 동적으로 JavaScript를 삽입할 수 있습니다. 브라우저는 단일 페이지 애플리케이션(SPA) 아키텍처를 사용하여 앱을 모니터링할 수도 있습니다.
브라우저 데이터 수집을 위한 계측
데이터를 수집하기 위해 브라우저 모니터링은 일반적으로 구성 세부 정보 및 필수 브라우저 환경 계측이 포함된 페이지 HEAD의 일부로 웹 페이지에 붙여넣거나 삽입한 JavaScript 요소를 사용합니다. 페이지 로드가 완료되면 CDN 서버에서 추가 스크립트가 다운로드됩니다. 이 추가 스크립트는 수집된 데이터를 처리하고 bam.nr-data.net 을 통해 New Relic에 다시 보고하므로 New Relic 계정의 데이터를 볼 수 있습니다.
스크립트 요소는 자동으로 삽입되거나 백엔드 애플리케이션에 설치된 APM 에이전트에 의해 에이전트 API를 통해 삽입되거나 복사/붙여넣기를 통해 수동으로 삽입될 수 있습니다. API 호출과 복사/붙여넣기 방법을 모두 사용하면 스크립트 요소가 삽입되는 시기와 위치를 제어할 수 있습니다.
다음 방법을 사용하여 페이지 로드 타이밍 정보를 수집합니다.
자바스크립트 배치 요구사항
HEAD에 JavaScript 인라인을 삽입하는 것은 JavaScript 라이브러리에 대한 특이한 요구 사항이며 타사 스크립트가 일반적으로 포함되는 방식과 다릅니다. 브라우저가 페이지 로드 성능에 영향을 주지 않고 정확한 정보를 제공하려면 이 정보가 필요합니다.
삽입된 브라우저 JavaScript 요소는 JavaScript 오류 또는 콜백 타이밍에 대한 정보를 기록하기 위해 많은 브라우저 내장 API를 래핑합니다. 코드 요소의 비정상적인 배치는 다음과 같은 이유로 필요합니다.
- 인라인 HEAD 배치는 계측 코드가 다른 모든 스크립트보다 먼저 로드되도록 하여 다른 라이브러리가 등록될 때 래핑이 발생하도록 합니다.
- 인라인 코드 배치는 또한 외부 참조 스크립트로 인한 네트워크 왕복을 제거합니다.
데이터 전송
https 및 http 웹 페이지 모두에 대해 https를 통해 데이터를 전송합니다. 이것은 웹페이지에서 데이터가 전송되는 시점을 요약합니다.
중요
New Relic은 일부 이전 운영 체제에서 지원하지 않는 SHA256 해시 기능을 지원해야 합니다. 최종 사용자에게 SHA256이 없으면 브라우저 에이전트가 New Relic에 연결하지 않고 데이터가 전송되지 않습니다.
데이터 전송 | 빈도 |
|---|---|
에이전트 스크립트 가져오기 | https를 통해 페이지 로드를 따라가면 |
페이지 로드 타이밍 데이터 보내기 | https를 통해 페이지 로드를 따라가면 |
페이지 보기 타이밍 데이터 보내기( | 데이터는 초기 페이지 로드 후 10초 후에 전송되고 그 이후에는 30초마다 전송됩니다. |
AJAX 및 JavaScript 오류 데이터 보내기 | https를 통한 활동이 있는 경우 10초마다 한 번씩 |
세션 추적 데이터 보내기 | 활동이 있고 https를 통해 세션 추적이 발생하는 경우 10초마다 |
SPA 데이터 보내기 | https를 통한 상호작용 종료 시 |