devmoa

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

올리브영·2023년 9월 25일·00
WebpackBrowser CacheSPA성능 개선최적화코드 분리

AI 요약

Beta

B2B 물류 스쿼드에서 운영 중인 백오피스 프론트엔드 성능 저하 문제를 해결하기 위한 과정을 다룬다. SPA 특성상 발생하는 초기 로딩 속도 저하 문제를 해결하기 위해 Webpack을 활용한 번들링 분리, 코드 스플리팅, CSS 파일 최적화, Font 압축, Nginx를 통한 gzip 압축 적용, 그리고 정적 파일 캐싱 등의 최적화 기법을 적용했다.

이러한 과정을 통해 웹 페이지 로딩 시간을 크게 단축시키며 사용자 경험을 개선했다.

이 글이 궁금하신가요?

원문 블로그에서 전체 내용을 확인해 보세요

원문 읽으러 가기

AI 추천 연관 게시글

이 글과 관련된 다른 기술 블로그 글을 AI가 추천합니다