핵심 요약
올리브영은 HTML 상세 기술서 가공을 외부 솔루션에서 내부화하고 PC/모바일 모두에서 빠르고 안정적으로 제공되도록 개선했습니다.
구현 방법
- Crop 및 Lazy Loading 기능을 내부 구현으로 전환
- 원본 이미지를 private S3에 가공·저장하고 CloudFront/CDN 캐시로 배포
- Redis(key: productNo + version)로 가공 HTML 캐시 관리
- SQS 발행 및 Lambda로 외부 이미지 스크래핑 및 S3 업로드 처리
- 24시간 주기로 이미지 동일성 검증 및 필요 시 재가공
- 비동기 처리를 코루틴으로 수행
- PC/모바일 동일한 가공 HTML 제공
주요 결과
- PC 환경에서 상세 기술서 로딩 속도 60~99% 향상
- 솔루션 제거로 유지보수 비용 절감
- 이미지 유효성 탐지 및 운영 알림 도입으로 품질 향상
