상품 목록 섹션과 상품 슬라이드 섹션의 성능과 응답 속도를 개선하는 작업을 진행했어요.

1) 상품이 노출된 페이지의 로딩 속도가 개선되었고, 2) 많은 트래픽이 몰렸을 때 서버가 다운되는 상황이 줄어들어 상점을 이용하는 고객이 더 나은 환경에서 쇼핑을 할 수 있게 되었어요.

💁 이렇게 개선했어요!

• 스켈레톤 UI를 도입했어요. *스켈레톤 UI란? 실제 데이터 렌더링 전에 화면의 윤곽을 먼저 그려주는 로딩 애니메이션이에요.
• 상품 목록의 필터, 쪽 번호 이동 시 전체 페이지를 로딩하지 않고 상품 목록만 로딩하도록 개선했어요.
• 타임아웃 시 '상품을 불러오지 못했습니다. 잠시 후 다시 시도해 주세요.' 문구가 보이도록 개선했어요.
• 상품 검색 시 캐시를 적용하여 데이터베이스 사용량을 감소시켰어요.
• 사용량 감소를 위하여 상품 목록 조회 관련한 다양한 로직을 개선했어요.