피드로 돌아가기
Apogee Watcher vs PostHog Web Vitals: Synthetic PageSpeed Monitoring and Product Analytics Compared
Dev.toDev.to
Frontend

RUM vs Synthetic, 서비스 성격에 맞는 Web Vitals 모니터링 전략

Apogee Watcher vs PostHog Web Vitals: Synthetic PageSpeed Monitoring and Product Analytics Compared

Apogee Watcher2026년 4월 5일10intermediate

Context

웹 성능 지표인 Core Web Vitals 측정 방식은 실제 사용자 데이터(RUM)와 예약된 테스트(Synthetic)로 나뉨. 서비스 운영 목적에 따라 SDK 설치 가능 여부와 데이터 수집 범위가 달라지는 기술적 선택 상황 발생.

Technical Solution

  • PostHog SDK 기반의 RUM 방식으로 FCP, LCP, INP, CLS 지표를 자동 캡처하는 이벤트 기반 설계
  • $web_vitals 이벤트에 메트릭별 속성을 부여하고 p75, p90, p99 백분위수로 분석하는 데이터 구조
  • SDK 배치 전송 및 before_send 샘플링 설정을 통한 전송 비용 최적화 전략
  • Apogee Watcher의 PageSpeed Insights API 연동을 통한 비침습적 Synthetic 모니터링 구조
  • Lighthouse Lab 데이터와 CrUX 데이터를 통합하여 실제 사용자 경험과 실험실 환경 지표를 동시에 관찰하는 설계
  • 사이트맵 및 HTML 크롤링을 통한 모니터링 대상 URL 자동 확장 메커니즘

Impact

  • PostHog 평균 페이지뷰 100건당 약 30건의 $web_vitals 이벤트 발생

Key Takeaway

측정 도구 선정 시 데이터 수집의 침습성(SDK 설치 여부)과 분석 목적(사용자 행동 분석 vs 인프라 성능 준수)을 기준으로 아키텍처를 결정해야 함.


SDK 설치가 불가능한 외부 도메인이나 정기적인 성능 예산(Budget) 관리가 필요할 경우 Synthetic 모니터링 도구를 우선 검토할 것

원문 읽기