JavaScript Bundle Size 최적화 (1/2)

js로 구성된 웹뷰의 JavaScript Bundle Size를 최적화하여 성능을 개선하는 경험을 공유합니다. Azar 앱의 일부 화면은 동적 대응을 위해 웹뷰로 구현되어 있으며, 이 웹뷰의 성능 개선이 주요 KPI로 설정되었습니다.

js에서 static assets, 번역 파일, react-intl 패키지가 큰 비중을 차지하는 것을 확인했습니다. 이를 해결하기 위해 첫 번째 단계로 국제화 라이브러리인 react-intl을 react-i18next로 변경하고, 번역 파일 불러오는 방식을 개선하는 방법을 다룹니다.

다음 포스팅에서는 static 파일 불러오는 방식 변경과 함께 본격적인 성능 측정 결과를 공유할 예정입니다. 다음 포스팅에서는 static 파일 불러오는 방식 변경과 함께 본격적인 성능 측정 결과를 공유할 예정입니다.