코드스플리팅

https://crystallize.com/comics/no-code-splitting-vs-code-splitting

 

medium.com/humanscape-tech/react%EC%97%90%EC%84%9C-%ED%95%B4%EB%B3%B4%EB%8A%94-%EC%BD%94%EB%93%9C-%EC%8A%A4%ED%94%8C%EB%A6%AC%ED%8C%85-code-splitting-56c9c7a1baa4

React에서 해보는 코드 스플리팅 (Code Splitting)

코드 스플리팅은 webpack같은 모듈 번들러들의 중요한 역할 중 하나다.
하나의 큰 번들을 여러개의 작은 번들들로 쪼개준다. 

이를 잘 사용하면 필요할 때 필요한 번들만 로드 함으로써 초기 로딩시간을 줄여주고, 유저가 현재 필요하지 않은 코드는 로드 하지 않음으로써 앱의 성능도 크게 향상 시킬 수 있다.