콘텐츠로 건너뛰기
Telemetry
프런트엔드 안정성 SQL 레시피

경로별 SPA 탐색 대기 시간 측정

대상 경로 및 프런트엔드 릴리스별로 일반적인 클라이언트 측 탐색 시간과 꼬리 클라이언트 측 탐색 시간을 비교합니다.

중급frontend_navigation_events검토됨 2026-07-28테스트됨 아파치 DataFusion 45.2.0

검토자 Telemetry 제품 팀 . SQL 호환성, 이벤트 계약, 합성 출력 및 운영상의 주의사항. 표준 및 소유권 검토

질문에 답변됨

클라이언트 측 탐색 속도가 가장 느린 대상 경로는 무엇입니까?

서버 대기 시간만으로는 단일 페이지 애플리케이션의 라우팅, 데이터 로드, 하이드레이션 및 렌더링 작업이 누락됩니다. 탐색 완료 이벤트는 사용자에게 표시되는 기간을 보존합니다.

이벤트 계약

쿼리가 예상하는 필드

필드유형그것이 존재하는 이유
timestamp_utcTimestamp탐색 완료 시간.
destination_routeUtf8안정적인 대상 경로 템플릿.
releaseUtf8프런트엔드 릴리스 식별자입니다.
duration_msFloat64탐색 시작부터 준비 상태까지의 시간입니다.
statusUtf8성공, 실패, 포기.
DataFusion SQL

쿼리 복사

sql
SELECT
  destination_route,
  release,
  COUNT(*) AS navigations,
  approx_percentile_cont(duration_ms, 0.50) AS p50_ms,
  approx_percentile_cont(duration_ms, 0.95) AS p95_ms,
  100.0 * SUM(CASE WHEN status <> 'success' THEN 1 ELSE 0 END)
    / NULLIF(COUNT(*), 0) AS unsuccessful_pct
FROM frontend_navigation_events
WHERE timestamp_utc >= now() - INTERVAL '7 days'
GROUP BY destination_route, release
HAVING COUNT(*) >= 50
ORDER BY p95_ms DESC;

이 읽기 전용 쿼리는 빈 유형의 테이블에 대해 계획되고 실행됩니다. 아파치 DataFusion 45.2.0. 결정론적 샘플 출력은 합성되어 별도로 검토됩니다. 자신의 데이터에 대해 필드 유형, 임계값 및 비즈니스 정의를 검증합니다. 테스트 방법론을 읽어보세요.

쿼리 결과

p95 클라이언트 탐색 대기 시간

보고서 탐색의 꼬리는 훨씬 더 넓고 실패 비율도 더 높습니다.

destination_routereleasenavigationsp50_msp95_msunsuccessful_pct
/reports/:idweb-1036407803,2103.13
/projects/:idweb-1031,8204101,4801.21

합성 예제 출력. 운영 결정에 사용하기 전에 자체 이벤트 스키마 및 임계값에 대해 쿼리를 실행하세요.

p95 client navigation latency: Measure SPA Navigation Latency by Route 예제 결과의 합성 p95_ms 값에 대한 정적 차트
결정론적 예제 출력의 색인 생성 가능한 SVG입니다. 기사, 런북 또는 저작자가 포함된 디자인 검토를 위해 다운로드하세요.

예제 재현

공공 픽스처 다운로드

JSON 번들은 타입이 지정된 이벤트 계약을 포함합니다. illustrative 입력 행, 정확한 SQL, 예상 출력, 검토 참고 사항 및 엔진 버전. CSV에는 표시된 결과가 포함됩니다.

SQL 작동 방식

  1. 1완료 경계는 URL 변경뿐 아니라 경로별 준비 상태를 나타내야 합니다.
  2. 2p50과 p95는 일반적으로 느린 경로와 간헐적인 긴 꼬리를 구별합니다.
  3. 3실패하고 버려진 탐색은 대기 시간 옆에 있으므로 빠른 실패로 인해 성능이 양호해 보일 수 없습니다.

결정해야 할 극단적인 경우

  • 미리 가져오기는 기간에 포함된 작업을 변경합니다.
  • 배경 탭은 브라우저 타이밍을 왜곡하므로 분류되어야 합니다.
  • 식별자나 쿼리 문자열 대신 경로 템플릿을 사용하세요.

추천 대시보드

  • 그룹화된 막대: 경로별 p50_ms 및 p95_ms
  • 트렌드: 릴리스별 p95_ms
  • 표: 가장 느린 안전 탐색 샘플

알림 안내

대용량 경로가 전체 버킷에 대해 검토된 p95 목표를 초과하면 알림합니다.

알림 설정 읽기

레시피를 활용해 보세요

관련 계측 및 가이드

분석 계속하기

실제 이벤트에서 실행

테이블을 만들고, 필드를 조정하고, 결과를 저장하세요.

무료로 시작하고, 구조화된 이벤트를 보내고, 쿼리 결과를 차트, 공유 대시보드 위젯 또는 알림 입력으로 사용하세요.

API 키 받기