B2B 물류 스쿼드 백오피스 프론트엔드 성능 개선

올리브영 B2B 물류 스쿼드의 프론트엔드 성능 개선

올리브영의 오프라인 발주 및 물류 시스템은 신규 플랫폼으로 전환되었으며, AWS 기반의 백오피스 시스템이 구축되었습니다. 스트랭글러 패턴을 통해 기존 모놀리식 시스템에서 점진적으로 신규 플랫폼으로 이전하였고, 그 과정에서 프론트 성능 저하 문제가 발생했습니다. 최적화를 위해 코드 스플리팅, CSS 최적화, Nginx의 gzip 압축 및 정적 파일 캐싱이 적용되었습니다.

최적화 결과

• 웹 페이지 로딩 시간을 0.2초로 단축
• NotoSans 폰트 용량을 3.8MB에서 72B로 압축
• 브라우저 API 데이터 캐싱을 통해 API 호출 빈도 감소

Local storage와 Vuex를 활용하여 데이터를 효율적으로 관리하고, 중복 API 호출을 최소화하여 DB Connection 횟수를 줄였습니다. 성능 개선 작업은 지속적으로 진행될 예정입니다.