네이버 통합 검색의 웹 성능 - 데이터 수집과 시각화

핵심 내용

• 네이버 통합 검색 결과 페이지의 웹 성능을 측정·관리하기 위해 필드 데이터 중심의 LCP 수집과 시각화 체계를 구축한 사례
• Lighthouse 같은 실험실 데이터보다 실제 사용자 환경을 반영하는 필드 데이터가 중요하다는 판단
• web-vitals 라이브러리와 sendBeacon()을 활용해 LCP를 수집하고, 중복 전송 방지와 visibility 상태 기반 전송 시점을 설계
• LCP를 핵심 지표로 선정하고 p95, p75 기준의 가이드라인을 정한 뒤 실시간 페이지와 상세 분석 페이지로 대시보드를 구성

적용해볼 점

• 서비스 특성상 실사용 환경 변화가 큰 경우 필드 데이터 우선 수집 검토
• 핵심 지표를 하나 정하고 백분위수 기준의 운영 기준을 함께 정의
• 실시간 모니터링과 원인 분석용 상세 화면을 분리해 대시보드 설계