공통 이벤트 계약
이러한 쿼리를 재사용 가능하게 유지하는 필드
- timestamp_utc, route_template, 릴리스, 환경 및 device_class
- metric_name, metric_value, 장치, threshold_version 및 합격
- session_id 또는 분석에 필요한 경우에만 승인된 계정 차원
SQL 이전의 정의
쿼리가 대신 내릴 수 없는 결정
- 1원시 URL이나 쿼리 문자열 대신 안정적인 경로 템플릿을 사용하세요.
- 2성능 임계값을 버전화하고 원래 미터법 단위를 보존합니다.
- 3릴리스, 장치 또는 지역을 비교하기 전에 충분한 샘플이 필요합니다.
권장 순서
먼저 탐지를 구축한 다음 진단을 구축하세요.
분석 패턴
결과를 통해 결정을 설명
경로 유지와 릴리스를 함께 유지
프런트엔드 회귀는 안정적인 제품 표면과 배포 경계로 격리될 수 있을 때 실행 가능해집니다.
개인의 활력소 보존
요약 합격률 옆에 LCP, INP 및 CLS를 별도로 보고하여 하나의 좋은 지표가 다른 나쁜 경험을 숨길 수 없도록 합니다.
희소 비교 보호
장치, 지역 또는 릴리스 세그먼트를 해석하기 전에 샘플 수를 표시하고 전체 관찰 창을 표시합니다.
완전한 레시피
쿼리를 복사한 다음 가정 검증
중급frontend_vital_events
경로 및 릴리스별로 핵심 웹 바이탈 비교
통과 샘플의 비율을 눈에 띄게 유지하면서 안정적인 경로와 방출을 기준으로 LCP, INP 및 CLS 샘플을 비교합니다.
프런트엔드 성능이 가장 약한 경로와 릴리스는 무엇입니까?
SQL 및 결과를 참조하세요.초보자frontend_error_events
경로 및 릴리스별 순위 JavaScript 오류
가장 많이 반복되는 JavaScript 오류와 영향을 받는 세션이 있는 프런트엔드 릴리스와 경로를 찾아보세요.
가장 광범위한 JavaScript 오류 영향을 미치는 경로 및 프런트엔드 릴리스는 무엇입니까?
SQL 및 결과를 참조하세요.중급frontend_navigation_events
경로별 SPA 탐색 대기 시간 측정
대상 경로 및 프런트엔드 릴리스별로 일반적인 클라이언트 측 탐색 시간과 꼬리 클라이언트 측 탐색 시간을 비교합니다.
클라이언트 측 탐색 속도가 가장 느린 대상 경로는 무엇입니까?
SQL 및 결과를 참조하세요.중급browser_task_events
경로별 브라우저 장기 작업 비율 계산
경로 및 프런트엔드 릴리스별로 메인 스레드 차단 이벤트와 총 차단 시간을 측정하세요.
브라우저 장기 작업에서 가장 많은 시간을 소비하는 경로와 릴리스는 무엇입니까?
SQL 및 결과를 참조하세요.초보자frontend_resource_events
호스트별로 느린 프런트엔드 리소스 찾기
테일 기간, 실패 및 전송된 바이트를 기준으로 스크립트, 스타일시트, 이미지 및 API 리소스의 순위를 매깁니다.
페이지 로드 속도가 느려지거나 실패하는 리소스 호스트 및 유형은 무엇입니까?
SQL 및 결과를 참조하세요.