핵심 요약
올리브영 셔터의 이미지 업로드를 4단계 기술로 개선해 평균 50% 이상 속도 향상을 달성했다.
구현 방법
- 이미지 병렬 업로드 도입으로 다중 파일을 독립 요청으로 병렬 전송
- PreSignedURL 사용으로 S3 직접 업로드, 서버 부하 최소화
- Canvas API/OffscreenCanvas로 멀티스레드 이미지 압축 및 WebP 변환
- UI/UX로 업로드 진행 상태를 실시간 표시
주요 결과
- 평균 업로드 속도 50% 이상 향상
- 서버 부하 감소 및 네트워크 대역폭 활용도 개선
- WebP 변환으로 파일 크기 감소 및 사용자 경험 향상
