온라인몰 성능 개선 경험

올리브영의 온라인몰은 최근 성능 문제로 사용자 불만이 증가하였습니다. 이 블로그에서는 프론트엔드 관점에서 메인페이지의 성능 개선 과정을 다룹니다. 개선 전, 메인페이지는 불필요한 0.5초 딜레이와 느린 LCP로 인해 사용자 경험이 저하되었습니다. 성능 문제를 분석하기 위해 Datadog과 크롬 퍼포먼스 기능을 활용하여 원인을 파악하였습니다.

개선 과정

• 불필요한 0.5초 로직 제거
• LCP 시간을 줄이기 위해 리소스 로드 시점을 최적화
• 서버 응답속도 개선을 위한 API 분리

이러한 개선을 통해 LCP가 81%, 로딩 타임이 122% 향상되었습니다. 앞으로도 지속적인 연구와 노력을 통해 더 나은 사용자 경험을 제공할 예정입니다.