핵심 요약
크리에이트립이 어학당 홈의 성능 개선을 위해 부분 CSR 전환, 코드 스플리팅/서스펜스, 레이지 로드, Partytown 서드파티 스크립트 최적화를 적용했습니다. 초기 로딩 가속과 Core Web Vitals 개선으로 UX 및 SEO 효과를 기대합니다.
구현 방법
- 부분 CSR로 SSR 데이터 선별 처리
- next/dynamic+Suspense를 활용한 코드 스플리팅/지연 로딩
- 레이지 로드로 화면 외 콘텐츠 렌더링 지연
- Partytown으로 서드파티 스크립트 분리
주요 결과
- TBT 1620ms→310ms, Speed Index 31.7s→7.1s
- Lighthouse 점수 29→90
- 로드 속도와 UX 개선으로 SEO 효과 기대
