AFTER

02. 스크립트 최소화 (Minification)

terser로 최소화한 app.min.js를 로드합니다. 기능은 완전히 동일하지만 파일 크기가 크게 줄어듭니다.
📍 이 측정은 당신이 지금 쓰는 브라우저에서 실행됩니다.
Before (원본) After (최소화)

⏳ 스크립트 실행 대기 중...

🔧 실제 구현 코드

<script src="/labs/02-script-minification/assets/app.min.js"></script>

scripts/minify.js가 빌드 시점에 terser로 주석·공백 제거와 변수명 단축을 수행한 산출물입니다. 실행 결과(기능)는 원본과 완전히 동일하지만 파일 크기만 줄어듭니다.

← 실습 목록으로 돌아가기