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

경로별 브라우저 장기 작업 비율 계산

경로 및 프런트엔드 릴리스별로 메인 스레드 차단 이벤트와 총 차단 시간을 측정하세요.

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

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

질문에 답변됨

브라우저 장기 작업에서 가장 많은 시간을 소비하는 경로와 릴리스는 무엇입니까?

긴 작업은 네트워크 요청이 빠른 경우에도 기본 스레드 작업으로 인해 상호 작용이 지연될 수 있는 위치를 보여줍니다. 비율과 차단 시간을 통해 빈도와 심각도를 모두 확인할 수 있습니다.

이벤트 계약

쿼리가 예상하는 필드

필드유형그것이 존재하는 이유
timestamp_utcTimestamp작업 완료 시간.
route_templateUtf8안정적인 페이지 경로.
releaseUtf8프런트엔드 빌드 식별자입니다.
duration_msFloat64메인 스레드 작업 기간을 관찰했습니다.
interaction_relatedBoolean작업이 측정된 상호 작용과 겹치는지 여부입니다.
DataFusion SQL

쿼리 복사

sql
SELECT
  route_template,
  release,
  COUNT(*) AS observed_tasks,
  SUM(CASE WHEN duration_ms > 50 THEN 1 ELSE 0 END) AS long_tasks,
  SUM(CASE WHEN duration_ms > 50 THEN duration_ms - 50 ELSE 0 END)
    AS blocked_time_ms,
  100.0 * SUM(CASE WHEN duration_ms > 50 THEN 1 ELSE 0 END)
    / NULLIF(COUNT(*), 0) AS long_task_rate_pct
FROM browser_task_events
WHERE timestamp_utc >= now() - INTERVAL '7 days'
GROUP BY route_template, release
ORDER BY blocked_time_ms DESC;

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

쿼리 결과

경로별로 차단된 메인 스레드 시간

편집자는 관찰된 작업 수가 적음에도 불구하고 차단 시간을 두 배 이상 늘립니다.

route_templatereleaseobserved_taskslong_tasksblocked_time_mslong_task_rate_pct
/editorweb-1039,20064452,1807
/dashboardweb-10315,40046223,8603

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

Blocked main-thread time by route: Calculate Browser Long-Task Rate by Route 예제 결과의 합성 blocked_time_ms 값에 대한 정적 차트
결정론적 예제 출력의 색인 생성 가능한 SVG입니다. 기사, 런북 또는 저작자가 포함된 디자인 검토를 위해 다운로드하세요.

예제 재현

공공 픽스처 다운로드

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

SQL 작동 방식

  1. 150ms 경계는 브라우저 장기 작업 규칙을 따릅니다.
  2. 2차단된 시간에서 허용되는 처음 50ms를 빼므로 심각도가 추가됩니다.
  3. 3릴리스 그룹화는 전후 검토를 지원합니다.

결정해야 할 극단적인 경우

  • 브라우저 지원 및 샘플링 속도를 문서화해야 합니다.
  • 백그라운드 탭 작업은 오해의 소지가 있습니다.
  • 긴 작업은 차단을 나타내지만 보완적인 프로파일링 없이는 책임 있는 기능을 식별하지 못합니다.

추천 대시보드

  • 바: 경로별 blocked_time_ms
  • 트렌드: 릴리스별 long_task_rate_pct
  • 표: 상호 작용 관련 장기 작업

알림 안내

릴리스 후 지속적인 차단 시간 회귀를 검토합니다. 중요한 작업 흐름과 연결된 경우에만 페이지를 표시합니다.

알림 설정 읽기

레시피를 활용해 보세요

관련 계측 및 가이드

분석 계속하기

실제 이벤트에서 실행

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

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

API 키 받기