코루틴으로 상품 설명 페이지 로딩 속도 UP!
by DD
1년 전
조회수 4
HTML 타입 상품 설명 영역의 지연 로딩 및 이미지 처리 문제 해결
코루틴을 활용하여 비동기 이미지 처리 및 S3 업로드 성능 개선
PC 환경에서 로딩 속도 60~99% 향상 및 유지보수 비용 절감
코루틴을 활용한 비동기 이미지 처리
코루틴을 사용하여 외부 이미지 스크래핑, 이미지 동일성 검사, S3 업로드 작업을 비동기로 처리했다. 따라서 지연 시간 감소 및 전반적인 성능 향상을 달성했다. 구체적으로 Lambda 함수를 통해 이미지 처리 과정을 자동화하고, CloudFront CDN을 활용하여 이미지 로딩 속도를 개선했다.
외부 솔루션 vs 자체 구현 비교
기존 외부 솔루션은 커스터마이징 및 유지보수에 제약이 있었다. 반면 자체 구현을 통해 Crop 및 Lazy Loading 기능을 내재화하여 유연성을 확보했다. 결과적으로 유지보수 비용 절감과 함께 문제 발생 시 빠른 대응이 가능해졌다. 또한, S3와 CDN을 활용하여 이미지 제공 속도를 향상시켰다.
상품 설명 영역 개선의 효과
PC 환경에서 로딩 속도 60~99% 향상을 통해 사용자 경험을 개선했다. 따라서 온라인몰 PC 매출 증대에 기여할 것으로 기대된다. 구체적으로 유효하지 않은 이미지 감지 프로세스 구축을 통해 상품 정보의 품질 및 안전성을 높였다. 또한, 유지보수 비용 절감이라는 부가적인 효과도 얻었다.
