'코드 스플리팅' 태그의 글 목록

개요 파일을 배포하기 전에 최적화를 진행한다. 먼저 파일의 리소스 용량을 줄임으로써 사용자는 더 빠르게 페이지를 로드할 수 있게 된다. 리소스 용량을 줄이는 방법에 대해서 알아보자. 방법 먼저 코드 스플리팅을 통해 불필요하게 렌더링 되고 있는 부분을 lazy 하게 로딩한다. next dynamic next-bundle analyzer 를 이용해서 코드스플리팅을 진행하려 한다. 1. next bundle analyzer를 설치하고 next config js에 적용한다. https://www.npmjs.com/package/@next/bundle-analyzer @next/bundle-analyzer Use `webpack-bundle-analyzer` in your Next.js project. Lates..