• 로그인

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

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

문제 신고

단일 페이지 앱 모니터링 소개

New Relic 브라우저 모니터링에는 단일 페이지 앱 및 AJAX 요청을 사용하는 모든 앱과의 실제 사용자 상호 작용에 대한 더 깊은 가시성과 실행 가능한 통찰력을 제공하는 단일 페이지 애플리케이션(SPA) 모니터링 기능이 있습니다.

자동으로 경로 변경을 모니터링하는 것 외에도 SPA API를 사용하면 브라우저 내에서 실행되는 거의 모든 것을 모니터링할 수 있습니다. 이를 통해 개발자와 팀은 다음을 수행할 수 있습니다.

  • 더 빠르고 반응성이 높으며 대화형 앱을 만드십시오.
  • 실제 사용자가 경험하는 처리량과 성능을 모니터링합니다.
  • 페이지 로드 컨텍스트 내에서 문제를 해결하고 해결합니다.
  • 비즈니스 결정을 지원하기 위해 데이터를 쿼리합니다 .
  • 더 나은 앱을 더 빨리 시장에 출시하십시오.

SPA 모니터링 활성화

SPA 모니터링은 새 브라우저 에이전트 설치에 대해 기본적으로 활성화되어 있습니다. 에이전트의 SPA 지원 버전은 분산 추적과 같은 다른 강력한 New Relic 기능에 대한 액세스를 제공합니다. 자세한 내용은 브라우저 모니터링 활성화 를 참조하십시오.

SPA 관련 기능에 대한 호환성 정보는 SPA 요구 사항 을 참조하십시오.

처리량 및 성능 데이터 분석

페이지 로드 타이밍 측정을 위한 기존 산업 표준을 개선하여 페이지 로드 및 경로 변경과 관련된 동기 및 비동기 활동에 대한 완전한 그림을 제공합니다.

one.newrelic.com > Browser > (앱 선택) > Page views: 브라우저 모니터링의 SPA 모니터링을 사용하여 SPA 아키텍처 앱의 처리량과 성능을 검사합니다.

브라우저 모니터링으로 모니터링되는 SPA 데이터에는 다음이 포함됩니다.

  • 페이지 로드 및 경로 변경에 대한 성능 데이터 및 처리량
  • AJAX 요청 데이터
  • 동기 및 비동기의 JavaScript 활동
  • SPA API 를 사용하여 모니터링되는 동적 페이지 업데이트

이 데이터를 통해 사용자가 앱의 페이지 로드 및 경로 변경을 경험하는 방식을 명확하게 이해하고 병목 현상을 해결하고 오류를 해결할 수 있습니다. New Relic이 SPA 데이터를 처리하는 방법에 대한 자세한 내용은 SPA 데이터 수집 이해 를 참조하십시오.

브라우저 SPA 기능

다음은 SPA 모니터링 기능에 대한 요약입니다.

단일 페이지 앱 모니터링

이러한 기능을 활용하십시오

브라우저 UI의 강력한 보기

사용자가 페이지 로드 또는 경로 변경을 시작하면 New Relic은 모든 후속 JavaScript를 모니터링하기 시작하고 모든 AJAX 이벤트가 완료되면 타이밍을 종료합니다. 이렇게 하면 창 로드 이벤트가 시작될 때 타이밍을 종료하는 기존 방법과 비교하여 페이지가 실제로 사용자를 위해 준비된 시점을 보다 정확하게 볼 수 있습니다.

SPA 모니터링이 활성화되면 브라우저의 페이지 보기 페이지 는 다음을 포함하여 애플리케이션 사용 수준(처리량) 및 사용자 경험(성능)에 대한 이벤트 기반 데이터를 표시합니다.

  • 초기 페이지 로드 성능, 경로 변경 및 기록 성능에 대한 드릴다운 세부 정보가 있는 차트

  • 사용자 정의 속성을 포함한 정렬, 검색 및 필터 옵션

  • 모든 초기 페이지 로드 및 경로 변경에 대한 추가 AJAX 분석 데이터

    SPA 모니터링이 기존 브라우저 계정의 데이터 사용량에 미치는 영향에 대한 설명은 SPA 및 브라우저 데이터 사용량 을 참조하세요.

데이터 탐색기로 데이터 분석

데이터 탐색기 는 세 가지 SPA 관련 이벤트 유형인 BrowserInteraction , AjaxRequestBrowserTiming 를 지원합니다. 쿼리 빌더 에서 이러한 이벤트를 쿼리하여 앱의 성능을 분석하고 비즈니스 결정을 내릴 수 있습니다.

API의 맞춤형 데이터

SPA API 를 사용하여 사용자 정의 이름 지정, 사용자 정의 타이밍, finishline API 또는 기타 사용자 정의 속성과 같이 필요한 특정 데이터를 얻으십시오.

Copyright © 2022 New Relic Inc.

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