반응형
code splitting
-
[포트폴리오] 포트폴리오 웹사이트 최적화 - 2 (next/dynamic를 사용한 code splitting)Next.js 2024. 2. 14. 22:30
라이트 하우스의 검사결과를 보고 번들 크기를 줄여야 겠다는 생각이 들었다 구글링을 해보니 next/analyze-bundler를 많이 사용하고 있었다 시각적으로 자바스크립트 번들 파일들을 볼 수 있어서 해당 라이브러리를 사용하기로 했다 https://nextjs.org/docs/app/building-your-application/optimizing/bundle-analyzer Optimizing: Bundle Analyzer | Next.js Analyze the size of your JavaScript bundles using the @next/bundle-analyzer plugin. nextjs.org 설치 npm i @next/bundle-analyzer # or yarn add @next/..