세션 추적: 웹 페이지의 수명 주기 탐색

Session traces 웹페이지의 전체 수명 동안 최대 10분 동안 로드 및 블록 복합 이벤트에 대한 자세한 타임라인을 제공합니다. 세션 URL 또는 세션 트레이스 ID를 선택하면 상세한 폭포 시각화 및 히트 맵 개요를 사용하여 지표를 조사하고 다음과 관련된 문제를 식별할 수 있습니다.

• 페이지 로드 타이밍
• 개별 자산 로드
• 사용자 상호작용
• AJAX 요청
• 콜백
• 세션 중 오류 및 기타 이벤트

사용 사례

세션 트레이는 다음 문제를 해결하는 데 도움이 됩니다.

성능을 사용자 경험에 연결하고 상호 작용을 성능에 연결함으로써 사용자 세션의 모든 이벤트를 볼 수 있는 기능은 문제 영역을 정확히 찾아내고 솔루션을 식별하는 데 도움이 될 수 있습니다. 이 정보를 다른 사람들과 공유하기 위해 퍼머링크를 만들 수도 있습니다.

시작하다

전제 조건

1. one.newrelic.com > All Capabilities > Browser 으)로 이동합니다.

2. 브라우저 앱을 선택하세요.

3. 왼쪽 메뉴에서 Application settings 클릭합니다.

4. 애플리케이션 설정 페이지에서 Pro 또는 Pro + SPA 브라우저 에이전트가 선택되어 있는지 확인하세요. 세션 리플레이는 Lite 브라우저 에이전트에 사용할 수 없습니다.

5. Session traces ON으로 전환되어 있는지 확인하세요. 기본적으로 활성화되어 있습니다.

   트레이스는 Resource Timing API 지원하는 브라우저에서만 캡처됩니다.

   앱에 여러 이름을 사용하는 경우 세션 추적은 가장 구체적인 애플리케이션 에만 보고합니다.

샘플링 속도 구성

샘플링 모드를 선택하세요:

• Default 귀하의 트래픽에 관계없이 시간당 90트레이스를 수집합니다. 세션 트레이스의 작은 샘플만 필요한 경우 이 모드를 선택하십시오. 문제 해결 중인 세션에서 트레이스가 항상 사용 가능한 것은 아니라는 점에 유의하세요.

• Custom 모든 세션의 0.000001-100%, 오류가 발생한 세션의 0.000001-100%에 대해 트레이스를 수집할 수 있습니다. 페이지 로드 타이밍 또는 JavaScript 오류 문제를 해결하는 데 더 많은 세션 트레이스를 사용하려면 이 모드를 선택하십시오.

  예를 들어 세션 샘플링 비율을 50%로 설정하고 오류 샘플링 비율을 100%로 설정하면 다음을 의미합니다.

• 전체 사용자 세션의 절반이 트레이스를 수집합니다.

• 오류가 발생한 모든 세션은 50% 샘플의 일부가 아니더라도 트레이스를 수집합니다. 에이전트는 클라이언트 측에서 최대 30초 동안 데이터 슬라이딩 창을 버퍼링하며, 오류가 발생하면 버퍼링된 데이터를 수집하고 나머지 세션은 트레이스됩니다. 오류가 발생하지 않으면 트레이스는 절대 수확되지 않습니다.

  중요

  세션 트레이스와 세션 리플레이 샘플링 규칙 의 값이 다른 경우 더 높은 값을 사용하여 트레이스를 수집합니다.

  예를 들어 귀하의 세션 리플레이 샘플링 비율이 20%이고 트레이스 주변 비율이 10%인 경우 당사는 귀하 세션의 20%에 대해 트레이스를 수집합니다. 트레이스 확률이 30%인 경우 세션의 30%에 대해 트레이스를 수집합니다.

세션 추적 선택

특정 세션 추적을 선택하려면:

1. one.newrelic.com > All capabilities > Browser > (select a browser app) > Session traces 으)로 이동합니다.

2. 인덱스를 특정 URL 또는 세션 추적 ID로 제한하려면 검색 창을 사용하십시오.

3. 다른 패턴을 찾으려면 열에서 정렬 순서를 변경하십시오.

4. 세션 추적 링크를 클릭한 다음 세부 정보 페이지를 사용하여 세부 정보로 드릴다운합니다.

   더 심층적인 분석을 위해 session, sessionTraceId, largestContentfulPaint 등과 같은 속성을 쿼리할 수도 있습니다. 자세한 내용은 브라우저 모니터링 이벤트 데이터 에 대한 설명서와 데이터 사전을 참조하세요.

세션 세그먼트 정의

New Relic에서 복사/붙여넣기 방법을 사용하여 배포된 앱의 경우 브라우저 모니터링에는 페이지 로드 타이밍 프로세스 의 일부로 웹 앱 및 Network 시간의 대기열 시간이 포함됩니다. 이는 브라우저 모니터링이 서버 측 에이전트에 의존하여 자동 주입을 통해 애플리케이션 값을 브라우저 에이전트에 전달하기 때문입니다.

이 백엔드 시간이 브라우저의 관점에서 어떻게 분류되는지에 대한 자세한 정보를 볼 수 있습니다. 세션 추적은 사용 가능한 모든 네트워크 관련 이벤트에 대해 보고하므로 브라우저가 DNS 조회 및 기타 네트워크 이벤트에 시간을 보내는 방식을 사례별로 확인할 수 있습니다.

각 세그먼트에 대한 측정은 세그먼트가 종료된 세션 시간을 나타냅니다. 예를 들어 Page load 이 6.9s 이면 요청이 시작된 후 6.9초 후에 페이지 로드 이벤트가 완료되었음을 의미합니다.

다음 표에서는 세션 추적의 각 세그먼트에 대해 설명하며 이러한 속성에 대한 자세한 내용은 데이터 사전에 대한 링크를 제공합니다.

느린 JavaScript 실행 및 다시 그리기

세션 추적은 느리게 실행되고 브라우저의 기본 스레드에서 후속 호출 실행을 차단하는 JavaScript 코드의 콜백을 식별하는 데 도움이 됩니다. 이러한 호출은 브라우저가 사용자 작업에 대한 응답으로 페이지를 빠르게 다시 그릴 수 있도록 빠르게 실행되어야 합니다.

세션 추적은 33ms보다 긴 모든 콜백을 강조 표시합니다. 빠른 연속으로 호출되는 경우(예: requestAnimationFrame 루프 내부) 33ms보다 긴 콜백은 프레임 속도를 초당 30프레임 미만으로 줄입니다. 이 속도는 사용자에게 느린 것처럼 보입니다.

유료 소비 계획

2024년 6월 10일부터 세션 트레이스 데이터가 전체 월별 데이터 소비에 영향을 미칩니다. 즉, 기존 주문에 따라 요금이 청구됩니다. 이 변경 사항은 샘플링 속도, 확장된 데이터 참조 및 향상된 성능을 사용자 정의 할 수 있는 뉴렐릭 데이터베이스(NRDB)에 대한 스토리지 업그레이드를 반영합니다.

쿼리 빌더 에서 아래 쿼리를 실행하여 세션 트레이스 데이터의 현재 월간 사용량을 확인하세요. 참고: 상위 계정 에서 실행하면 결과에 모든 하위 계정의 소비가 반영됩니다.

FROM NrConsumption SELECT rate(sum(consumption), 1 month) as monthly_SessionTrace_GBs WHERE usageMetric = 'UnbilledBrowserEventsBytes' SINCE '2024-04-25'

보다 세부적으로 보려면 다음 쿼리를 실행하여 단일 하위 계정(해당되는 경우)의 일일 소비량을 확인하세요.

FROM NrConsumption SELECT sum(consumption) as SessionTraceGBs WHERE usageMetric = 'UnbilledBrowserEventsBytes' FACET consumingAccountId, consumingAccountName SINCE '2024-04-25' TIMESERIES 1 day

샘플링 속도를 조정 하거나 세션 추적을 비활성화하여 세션 트레이스 데이터 소비를 줄일 수 있습니다.

세션 추적 비활성화

UI에서 세션 추적을 비활성화하려면:

1. one.newrelic.com > All Capabilities > Browser

   으)로 이동합니다.

2. 브라우저 앱을 선택하세요.

3. 왼쪽 메뉴에서

   Application settings

   클릭합니다.

4. Session traces

   OFF

   로 전환합니다.