React App 빌드 최적화로 First Load JS 줄이기
Nextjs로 개발한 프로젝트를 빌드하면 페이지별 용량 정보를 확인할 수 있다.
한 줄에 각 페이지에 대한 정보가 표시된다. 오른쪽에 두개의 용량이 표시되는데, 차례대로 페이지 크기, 최초에 로딩해야하는 자바스크립트의 크기이다.
아래에는 모든 페이지에서 공통으로 필요한 자바스크립트의 크기를 보여주고, 이 자바스크립트가 어떤 파일들로 구성되어있는지도 확인할 수 있다. 이 정보만으론 자세한 분석이 힘들어서, 각 파일이 어떤 모듈로 구성되어있는지,...
mjsdo.hashnode.dev3 min read