CRA로 개발한 프로젝트의 초기 로딩이 너무 느려서 확인해보니 js 파일이 약 19.9m 였다
Webpack Bundle Analyzer를 돌려서 확인 결과 모노레포에서 ui 라이브러리에 gif 및 png 파일들을 포함하고 있었는데 그 중에서 gif 파일들의 용량이 너무 큰게 문제였다
안그래도 각 파일당 1.9m 정도 되는 것들이 번들링 과정을 거치면서 base64로 인코딩 되어 약 30% 정도가 더 커져서 들어갔다
해당 gif들을 전부 ui라이브러리에서 각 앱의 public으로 이동하여 번들링 사이즈를 많이 줄일 수 있었다
- 19.9m -> 1.2m
Analyzer 사용 방법
참고
움직이는 만큼 행복해진다