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