콘텐츠로 건너뛰기
Telemetry
Core Web Vitals를 경로 및 릴리스에 연결하는 웹 팀용

SQL을 사용한 프런트엔드 성능 모니터링

안정적인 경로 및 릴리스별로 입력된 LCP, INP 및 CLS 샘플을 추적한 다음 SQL을 사용하여 원시 URL 또는 페이지 콘텐츠를 수집하지 않고 프런트엔드 회귀를 찾습니다.

검토자 Telemetry 제품 팀 . 이벤트 계약, 권장 분석 및 개인정보 보호 경계. 표준 및 소유권 검토

이것이 작동하는 이유
  • 경험을 하나의 불투명한 점수로 축소하는 대신 각 웹 바이탈과 해당 단위를 보존하십시오.
  • 성능 변경 사항을 안정적인 경로 템플릿, 릴리스 식별자 및 충분한 샘플 수와 연결하세요.
  • 쿼리 문자열, 원시 URL, 페이지 콘텐츠 및 무제한 사용자 식별자를 이벤트 계약에서 제외하세요.
사용 사례 증거 경로

Frontend Performance Monitoring with SQL: 구현부터 결정까지

완전한 frontend performance monitoring with sql 측정 루프는 하나의 소유 워크플로우, 제한된 이벤트 계약, 제어된 픽스처 및 누군가가 조치를 취할 수 있는 질문을 연결합니다.

  1. 1

    경계를 설정하세요

    중요한 제품 경로와 지원되는 성능 지표를 선택하세요.

  2. 2

    결과 캡처

    Begin with frontend_vital_measured, frontend_navigation_completed, frontend_resource_failed and document the grain of each event.

  3. 3

    행을 증명하세요

    릴리스 가드레일을 활성화하기 전에 경로 수준 샘플 및 임계값을 검토하세요.

  4. 4

    결정을 내리세요

    통과 샘플링 속도가 가장 약한 경로는 무엇입니까?

에이전트 프롬프트

이것을 코딩 에이전트에 붙여넣으세요.

바꾸기 YOUR_API_KEY 가입 후 에이전트에게 제품 흐름을 실행하고 첫 번째 이벤트를 확인하도록 요청합니다.

에이전트 프롬프트

Frontend Performance Monitoring with SQL 설정 프롬프트

text
Telemetry로 프런트엔드 성능.

/skill.md 및 이 Telemetry API 키를 사용하세요: YOUR_API_KEY

route_template, 릴리스, metric_name, metric_value, metric_unit, threshold_version, 통과, device_class 및 환경을 사용하여 입력된 frontend_vital_measured 이벤트를 추가합니다.

SQL와 경로 및 릴리스별 샘플 수, LCP, INP, CLS 및 통과 샘플 속도에 대한 대시보드를 만듭니다. 릴리스를 비교하거나 알림을 활성화하기 전에 검토된 최소 샘플 수를 요구합니다.

경로 템플릿, 제한된 장치 클래스 및 버전이 지정된 임계값을 사용합니다. 원시 URL, 쿼리 문자열, DOM 콘텐츠, 양식 값, 쿠키, 인증 토큰 또는 무제한 사용자 식별자를 기록하지 마세요.

설정 단계

  1. 1중요한 제품 경로와 지원되는 성능 지표를 선택하세요.
  2. 2경로, 릴리스, 임계값 버전 및 환경을 포함하여 입력된 브라우저 측정값을 내보냅니다.
  3. 3테스트 릴리스에서 합성 통과 및 실패 샘플을 보냅니다.
  4. 4릴리스 가드레일을 활성화하기 전에 경로 수준 샘플 및 임계값을 검토하세요.

캡처할 이벤트

frontend_vital_measuredfrontend_navigation_completedfrontend_resource_failedfrontend_release_observed

질문 잠금 해제

  • 통과 샘플링 속도가 가장 약한 경로는 무엇입니까?
  • 최신 프런트엔드 릴리스에서 LCP, INP 또는 CLS가 변경되었습니까?
  • 회귀 분석은 검토된 장치 클래스에 국한됩니까, 아니면 광범위합니까?

이벤트 스키마 시작점

쿼리 또는 스니펫을 프로덕션에 적용하기 전에 행 그레인, 방출 경계, 필수 유형, 개인 정보 보호 클래스, 예제 페이로드 및 유효성 검사 체크리스트를 검토하세요.

관련 제품 기능

이 워크플로를 다음에서 계속하세요. 알림

검토된 신뢰성 쿼리를 소유한 임계값 및 응답 워크플로로 승격합니다.

관련 SQL 레시피

SQL로 다음 질문에 답하세요

이 워크플로의 구조화된 필드에 대해 쿼리를 실행하고, 예제 결과를 검사하고, 유용한 답변을 대시보드 또는 알림으로 전환하세요.

모든 레시피 찾아보기

다음 단계

에이전트가 사용할 API 키를 생성하세요.

무료 플랜은 프롬프트를 실행하고, 테스트 이벤트를 보내고, 첫 번째 대시보드를 검토하는 데 충분합니다.

관련 페이지