목록 보기
상품 설명 영역 개선기 Part.2
백엔드

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

올리브영
올리브영
2024년 6월 12일

두줄요약

외부 솔루션에 의존하던 HTML 상품 설명 영역을 내재화해 PC와 모바일 모두 빠르게 제공하도록 개선했습니다. 또한 이미지 검증과 비동기 가공 파이프라인을 구축해 운영 안정성과 유지보수성을 높였습니다.

문제 상황

  • 외부 솔루션 기반 HTML 상세 기술서의 PC 조회 속도 저하
  • 이미지 크기 제한 부재로 인한 대용량 이미지 처리 부담
  • 캐시 서버별 분산 관리와 장애 원인 파악의 어려움

해결 방법

  • 외부 솔루션 내재화로 Crop과 Lazy Loading 직접 구현
  • 외부 이미지를 private S3에 가공 적재하고 CloudFront, CDN 캐시 활용
  • Redis 캐시와 SQS, Lambda, 비동기 처리로 HTML 가공 파이프라인 구성

성능/운영 포인트

  • 모바일과 PC 모두 동일한 가공 HTML 제공
  • 이미지 동일성 검증과 유효하지 않은 이미지 감지 프로세스 구축
  • PC 상세 기술서 로딩 속도 60~99% 개선

다음 읽기

#비동기 주제를 이어서 읽기

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

상세 기술서 이미지 타입의 NAS 기반 구조를 공통 API와 AWS S3, 코루틴 비동기 처리로 개선한 내용을 정리했습니다. 유지 보수성과 확장성을 높이고 webp 변환으로 제공 속도도 개선했습니다.

올리브영
올리브영
백엔드

댓글 0

댓글을 작성하려면 로그인이 필요합니다.

댓글을 불러오는 중...