왜 중요할까?

번들 사이즈는 유저 이탈율과도 관계가 있다 초기 로딩이 너무 길어지면 이탈율이 많아진다는 소리

이미지는 파일을 다운로드 후 디코딩만 하면 되지만,

자바스크립트는 파일을 다운로드하고 파싱하고 컴파일하고 마지막으로 실행하기 때문에

같은 용량이더라도 자바스크립트가 처리 비용이 더 높다

그러기 때문에 번들 사이즈가 매우 중요

three shaking

불필요한 코드를 정적분석을 통해 지우는 것이다

진짜 사용중인 파일만 번들에 포함되기 때문에 번들 사이즈가 줄이기 좋다.

side effect가 없을때만 가능함 → 그래서 그걸 구분을 잘 해야 번들 사이즈 줄이는걸 잘했다고 봄

webpack은 rollup에 비해 side Effects 판단을 어려워하는 편이다

원인 찾기

Untitled

라이브러리 중복 줄이기

Untitled