상품 설명 영역 개선기 Part.2

간단 소개

올리브영 상품 상세 페이지 HTML 기술서 개선을 통해 성능 향상, 유지보수 효율 증대, 이미지 품질 개선을 이루었습니다.

AI Summary

HTML 상세 기술서 개선 배경
- 기존 외부 솔루션의 이미지 자르기, 지연 로딩 기능 사용 시 PC 환경 속도 저하 및 커스터마이징 불가 문제가 있었습니다.
- 캐시 갱신 지연, 잦은 timeout 발생, 장애 원인 파악의 어려움이 있었습니다.
개선 내용 및 효과
- 외부 솔루션 내재화, 이미지 가공 후 private S3에 적재, CloudFront 및 CDN 캐시 활용으로 구조 개선했습니다.
- 코루틴을 활용한 비동기 처리로 이미지 스크래핑, 검사, 업로드 속도를 향상했습니다.
- PC 환경 로딩 속도 60~99% 향상, 유효하지 않은 이미지 실시간 감지 프로세스 구축했습니다.
이미지 검증 프로세스
- Lambda를 통해 외부 이미지 스크래핑 및 S3 업로드 시 유효성 검사 및 로그 기록을 추가했습니다.
- 사내 협업툴을 통해 유효하지 않은 이미지 알림을 받아 MD 및 협력사와 함께 정비 작업을 진행했습니다.