상품 설명 영역 개선기 Part.2
두줄요약
외부 솔루션에 의존하던 HTML 상품 설명 영역을 내재화해 PC와 모바일 모두 빠르게 제공하도록 개선했습니다. 또한 이미지 검증과 비동기 가공 파이프라인을 구축해 운영 안정성과 유지보수성을 높였습니다.
문제 상황
- 외부 솔루션 기반 HTML 상세 기술서의 PC 조회 속도 저하
- 이미지 크기 제한 부재로 인한 대용량 이미지 처리 부담
- 캐시 서버별 분산 관리와 장애 원인 파악의 어려움
해결 방법
- 외부 솔루션 내재화로 Crop과 Lazy Loading 직접 구현
- 외부 이미지를 private S3에 가공 적재하고 CloudFront, CDN 캐시 활용
- Redis 캐시와 SQS, Lambda, 비동기 처리로 HTML 가공 파이프라인 구성
성능/운영 포인트
- 모바일과 PC 모두 동일한 가공 HTML 제공
- 이미지 동일성 검증과 유효하지 않은 이미지 감지 프로세스 구축
- PC 상세 기술서 로딩 속도 60~99% 개선
