목록webpack (1)
Dev_R

React 기반 프로덕트를 개발하면서 성능에 대해서는 많이 신경쓰지 못했지만, 어느 순간부터 로딩타임이 긴것 같다는 느낌이 들었다. 그래서 chrome network 탭을 확인해보니 현재 네트워크 탭에 찍히는 main.js는 5mb가 넘었다. 번들링 사이즈가 꽤 큰 것 같아서 이 부분에 대한 수정을 진행했다. 기존 번들 사이즈 (번들 사이즈에 대한 설명) stat: 4.41 mb | 최적화되기 전 코드의 번들 사이즈. parsed: 1.96mb | minimize된 파일 사이즈다. 브라우저에서 파싱된 자바스크립트 코드의 사이즈. gzip: 527kb | minimize와 gzip을 거친 후의 사이즈. 네트워크에서 로드될 때의 사이즈. 1. BundleAnalyzerPlugin 를 이용한 번들파일 분석 처..
FE 개발
2022. 5. 5. 08:00