사용자 경험과 성능 개선 방법 in 카카오웹툰

간단 소개

카카오웹툰의 사용자 경험 및 성능 개선 사례를 소개합니다. CDN, SSR 캐싱, 로딩 최적화, 리소스 관리, 인터랙션 개선 등 다양한 방법을 통해 사용자 만족도를 높였습니다.

AI Summary

CDN, SSR 캐싱
- CDN을 통해 정적 리소스를 효율적으로 전송하고, SSR을 사용하여 초기 로딩 속도 개선 및 SEO 최적화.
- SSR 캐싱을 통해 서버 부하를 줄이고 응답 시간을 단축, 캐시 갱신 전략을 통해 데이터 일관성 유지.
로딩 경험 개선 및 리소스 최적화
- Loading Shimmer를 사용하여 로딩 중에도 사용자에게 자연스러운 인터페이스 제공.
- WebP 이미지 포맷 및 <picture> 태그를 활용하여 브라우저 호환성을 고려한 이미지 최적화.
- Lazy Loading을 통해 초기 로딩에 필요한 리소스만 로드하여 사용자 경험 향상.
애니메이션 및 인터랙션 최적화
- requestAnimationFrame()을 사용하여 애니메이션을 부드럽게 처리하고 렌더링 성능 최적화.
- Passive 이벤트 리스너를 사용하여 스크롤 성능을 개선하고 사용자 인터랙션에 즉각적으로 반응.
- 라이트 모드를 통해 저사양 기기에서도 원활한 서비스 이용이 가능하도록 기능 제한.