AJAX UI는 브라우저에서 HTTP 또는 HTTPS 도메인과 같은 외부 엔드포인트로의 최근 AJAX 요청을 표시합니다. 이 정보는 사이트의 웹페이지 일부를 업데이트하는 AJAX 호출에 시간이 오래 걸리거나 실패할 때 최종 사용자 환경의 문제를 식별하는 데 도움이 됩니다. 데스크톱 브라우저, 모바일 기기, 태블릿 등 기기 유형별로 문제를 검토할 수 있습니다.
문제 해결 사항
다음은 앱의 성능 문제를 식별하기 위한 몇 가지 문제 해결 팁입니다.
AJAX 호출 문제 해결
예
전체 요청의 문제
문제가 어디에 있는지 확실하지 않거나 요청을 처음부터 끝까지 추적하려면 AJAX UI 에서 처리 추적 링크를 클릭하세요.
타이밍 문제
총 시간 백분율 , 분당 처리량 요청(rpm) 및 요청당 평균 데이터 전송 속도는 타이밍 문제를 식별하는 데 도움이 될 수 있습니다.
AJAX
요약 페이지의
Average data transfer per request
차트에서 큰 폭의 급증을 찾아보세요.
요청 URL, GraphQL 작업 이름 및 기타 여러 필드별로 AJAX 성능을 평가하려면
Group By
드롭다운을 사용하여 데이터 추세를 분석하세요.
개별 통화의
AJAX performance
탭에서 높은 콜백 시간 값과 데이터 전송 속도 간의 상관 관계를 찾습니다.
엔드포인트 문제
이상값 엔드포인트를 찾아 해당 엔드포인트에서 이루어진 개별 요청을 조사합니다.
AJAX 요약 페이지의 Status codes 차트는 호출의 반환 동작에 대한 정보를 제공합니다. 200 범위를 벗어나는 상태 코드가 많이 표시되면 AJAX 엔드포인트에 문제가 있음을 나타낼 수 있습니다.
특정 웹페이지 위치 문제
로드되는 페이지의 컨텍스트 내에서 잠재적인 AJAX 문제를 조사합니다. AJAX 프로세서를 선택한 다음 Session traces with AJAX 테이블에서 트레이스를 선택합니다.
Ajax 요청에 초점을 맞추었다면 조사할 차례입니다. 다음 전략 중 일부를 시도해 보십시오.
요약 페이지는 AJAX 호출 문제를 해결하는 데 도움이 되는 여러 차트를 제공합니다.
AJAX 요약 페이지
코멘트
그룹 및 필터
UI에서 사용 가능한 Sort by 옵션을 사용하세요. 2분 이상 소요되는 모든 AJAX 요청은 자동으로 필터링됩니다.
데이터를 더 유연하게 보려면 Group by 옵션을 사용하여 requestUrl 또는 groupedRequestUrl 선택하세요.
끝점
Throughput 차트는 처리량이 가장 높은 5개의 엔드포인트를 보여줍니다. 호출에 5개 이상의 엔드포인트가 있는 경우 차트에 Other 로 통합됩니다.
New Relic의 부름
앱에 대한 AJAX 호출을 모니터링하는 자체 브라우저를 볼 수 있습니다. 브라우저 세션 중에 모든 활동이 캡처되기 때문에 이는 정상입니다.
브라우저 데이터 누락
AJAX 타이밍 세부 정보는 iOS 브라우저용 IE 7, IE 8 또는 Chrome에서 사용할 수 없습니다. 다른 브라우저에서 예상한 데이터가 표시되지 않으면 AJAX 문제 해결 절차 를 따르세요.
AJAX 요약 페이지에서 특정 통화를 선택한 후 AJAX performance 링크를 통해 자세한 정보를 살펴볼 수 있습니다. 여기에는 세션 트레이스 세부정보 에 대한 직접 링크가 포함됩니다.
여기에서 탭을 선택하여 페이지 보기별로 성능 데이터를 얻을 수도 있습니다. (앱 서버 요청이 브라우저 PageView 트랜잭션보다 훨씬 많은 경우 이는 백엔드에 대한 일부 요청이 AJAX를 통해 이루어지기 때문입니다. 자세한 내용은 문제 해결 절차를참조하십시오.)
one.newrelic.com > All capabilities > Browser > (select an app) > AJAX > (select an AJAX call): 이 예에서는 특정 AJAX 호출에 대한 성능 세부 정보를 보여줍니다. 페이지 조회수별로 성능 세부 정보를 볼 수도 있습니다.
Average response time 차트의 AJAX 엔드포인트는 4개 또는 2개의 기간으로 표시됩니다. 이는 스티치 추적 헤더가 있는지 여부에 따라 다릅니다.
4개의 기간(
Application time
,
Queue time
,
Network time
및
Callback time
): 이러한 AJAX 호출은 스냅 추적 헤더를 제공하는
에이전트의 앱 모니터에 대해 수행됩니다.
두 기간(
Response time
및
Callback time
): 이러한 AJAX 호출은 APM 에이전트에 의한 모니터링이 아니거나 로그 추적 헤더를 제공하지 않는 에이전트에 의한 모니터링인 앱에 대해 수행됩니다.
