올리브영 셔터 이미지 업로드 성능 개선기

간단 소개

올리브영 셔터의 이미지 업로드 성능을 개선하여 사용자 경험을 향상시키고 커뮤니티를 활성화했습니다.

AI Summary

이미지 업로드 성능 개선 배경
- 올리브영 셔터는 이미지 중심 커뮤니티로, 고화질 이미지 업로드 시 속도 저하 문제가 발생.
- 사용자 경험 저하 및 커뮤니티 활성화에 부정적 영향.
개선 방법
- 이미지 병렬 업로드: 이미지 파일을 개별 request로 분리하여 업로드 속도 단축.
- PreSignedURL 활용: 서버 부하를 줄이고 클라이언트가 S3에 직접 업로드.
- Canvas API 및 OffscreenCanvas: 별도 스레드에서 이미지 압축 및 WebP 포맷 변환.
- UI/UX 개선: 업로드 진행 상태를 실시간으로 표시하여 사용자 경험 향상.
결론 및 기대 효과
- 다양한 기술적 해결책을 통해 이미지 업로드 성능을 평균 50% 이상 향상.
- 사용자 만족도 향상 및 커뮤니티 활성화에 기여.
- 지속적인 기술 발전을 통해 최고의 사용자 경험 제공 목표.