올리브영 메인페이지 성능 개선기
·2022.12.08 01:32
올리브영 온라인몰 메인페이지의 로딩 속도와 사용자 경험을 개선하기 위한 프론트엔드 최적화 과정을 다룬다.
올리브영 온라인몰 메인페이지의 LCP(Largest Contentful Paint) 지표를 개선하고 사용자 경험을 최적화하기 위한 기술적 여정을 기록한다.
주요 개선 사항은 다음과 같다:
- 이미지 최적화: 사용자 기기 환경에 맞춘 적절한 크기의 이미지 서빙 및 포맷 적용
- 렌더링 성능 개선: 불필요한 리렌더링 방지 및 코드 분할(Code Splitting)을 통한 초기 로드 시간 단축
- 데이터 페칭(Data Fetching) 최적화: API 호출 구조 개선을 통한 데이터 로딩 지연 최소화
이러한 최적화 과정을 통해 웹 성능 지표를 유의미하게 개선하였으며, 더 나은 쇼핑 경험을 제공하는 것을 목표로 한다.
이 요약은 원문 이해를 돕기 위한 큐레이션입니다. 저작권은 원저작자에게 있으며, 정확한 내용과 맥락은 원문을 확인하세요.
요약 오류, 출처 표기 문제, 삭제 요청은 문의 · 건의로 알려주세요.