핵심 요약
당근의 FE 최적화 사례는 p75 LCP를 기준으로 소식상세/동네가게 프로필의 LCP를 각각 약 800ms, 900ms 단축했습니다.
주요 경험
- 이미지 경량화와 WebP 도입, 불필요 라이브러리 제거로 리소스 용량과 번들 규모를 축소
- Vendor 분리(MChunks)와 Preload로 JS 평가 시간과 메인 스레드 부담 감소
- Evaluate Script 최적화와 Skeleton UI 도입으로 체감 성능 개선
얻은 인사이트
- 배포 직후 p75 LCP 변화 모니터링의 중요성
- 특정 화면 중심의 비즈니스 가치 기반 최적화의 효과
