상품 설명 영역 개선기 Part.2
4
AI 요약
이 글은 AI가 원문을 분석하여 핵심 내용을 요약한 것입니다.
상품 설명 영역 개선
올리브영의 상품 상세 페이지에 위치한 상품 설명은 제품에 대한 자세한 정보를 포함하는 문서입니다. 최근 HTML 타입의 상세 기술서가 개선되었습니다. 이전에는 외부 솔루션을 사용하여 이미지 자르기와 지연 로딩 기능을 제공했으나, 용량이 큰 이미지로 인해 조회 속도가 느려지는 문제가 있었습니다.
개선된 프로세스
- 내재화 작업으로 Crop 및 Lazy Loading 기능을 직접 구현
- 이미지를 private S3에 가공 및 적재하여 CloudFront 및 CDN을 활용
- PC 환경에서도 모바일과 동일한 속도로 HTML 기술서 제공
또한, 유효하지 않은 이미지를 실시간으로 감지하는 프로세스를 구축하였습니다. 이를 통해 상세 기술서의 품질과 안전성을 높였습니다. 개선된 기술서의 로딩 속도는 기존 대비 60~99% 향상되었습니다.