Webpack 번들 최적화와 코드 스플리팅 기법으로 웹사이트 로딩 속도 높이는 법
웹 서비스를 운영하다 보면 어느 순간 파일 크기가 비대해지면서 초기 접속 속도가 느려지는 문제를 마주하게 됩니다. 사용자들이 페이지를 여는 순간 마주하는 흰 화면은 이탈률을 높이는 가장 큰 원인 중 하나로 작용하기 마련입니다. 이런 상황에서 무작정 이미지 용량을 줄이는 것만으로는 한계가 있으며, 빌드 도구가 생성하는 자바스크립트 파일을 효율적으로 분리하는 작업이 필요합니다. 웹팩을 활용한 코드 스플리팅은 큰 덩어리의 번들 파일을 여러 개로 쪼…