핵심 요약
월급쟁이부자들이 프론트엔드 성능 측정을 도입하고 Sentry 데이터 수집을 최적화해 데이터 안정성과 페이지 성능 개선을 이끌었습니다.
구현 방법
- Sentry beforeSend를 활용한 데이터 수집 대상 페이지 선별로 quota 관리 및 불필요 데이터 수집 차단
- 엔트리 번들 최적화(lodash → lodash-es, moment → dayjs) 및 SSR/소프트 네비게이션 데이터 구분으로 측정 정확도 향상
- INP 측정 도입 및 주간 페이지 성능 회의 프로세스 확립, CrUX 대시보드와 PageSpeed Insights를 활용한 모니터링
주요 결과
- 데이터 수집 안정화: 월초 데이터 수집 정상 유지 및 quota 초과 없이 지속 수집
- 번들 경량화: 엔트리 번들 약 1MB 감소, lodash 150KB 절약, moment 800KB 절감
- 모바일 성능 개선 및 운영 문화 확산: LCP 개선에 기여하는 지속적 모니터링 및 개선 프로세스 정착
