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

올리브영의 커뮤니티 플랫폼 셔터는 사용자들이 고화질 이미지를 업로드하는 과정에서 발생하는 속도 저하 문제를 해결하기 위해 여러 개선 작업을 진행했습니다.

문제점

• 고화질 이미지의 용량이 크고, 업로드 시 느린 속도로 인해 사용자 경험이 저하됨
• 기존 서버 처리 방식의 비효율성

개선 방안

• 이미지 병렬 업로드를 통해 네트워크 대역폭을 효율적으로 활용
• PreSignedURL을 사용하여 서버 부하를 줄임
• Canvas API와 OffscreenCanvas로 이미지 압축 및 최적화
• 실시간 업로드 진행 상태 표시로 사용자 경험 개선

이러한 기술적 해결책을 통해 이미지 업로드 성능을 평균 50% 이상 향상시켰고, 사용자들이 셔터를 보다 편리하게 이용할 수 있도록 하였습니다.