번들 크기 계산기

브라우저는 압축된 리소스를 내려받으므로 실제 네트워크 비용은 gzip 크기에 비례합니다. 모바일 3G 기준 1kB = 약 10ms 로딩 시간이므로, 수십 kB 차이가 LCP 에 직접 영향을 줍니다.

Next.js 의 서버 컴포넌트 전용 코드, 타입 전용 import (import type), 빌드 시에만 쓰이는 툴체인(ts-node 등)은 클라이언트 번들에 포함되지 않습니다. 본 도구는 클라이언트 런타임 번들 기준입니다.

최악의 경우(전체 import) 기준 수치입니다. 필요한 함수만 named import 하면 실제 크기는 더 작아집니다. bundlephobia 의 "min + gzip" 과 동일 기준.

모바일 웹앱 기준 초기 JS 170kB (gzip) 이하를 권장합니다. Next.js 공식 문서도 First Load JS 를 이 범위로 유지할 것을 제안합니다.