2026-05-18 · 1분 읽기
프로덕션 빌드를 위한 JS·CSS minify
개발 중 minify된 소스를 디버깅하지 않고 더 작은 asset을 배포하세요.
JavaScriptCSS성능
핵심 요점
- 프로덕션 minify 파일로는 디버깅하지 마세요 — repo에는 beautify된 소스를 유지하세요.
- 테스트 통과 후 minify하고, raw bytes뿐 아니라 gzip 크기도 비교하세요.
dev와 release 단계 분리
반복 작업 중에는 beautify 모드를 사용하고, CDN이나 정적 호스팅에 올리는 artifact에만 minify로 전환하세요.
사고 대응을 위해 source map이나 원본 소스를 유지하세요.
minify 후 검증
minify된 asset으로 staging smoke test를 실행하세요 — aggressive compression의 syntax error는 런타임에만 드러납니다.
CSS와 JS 출력 크기를 함께 비교하세요 — 둘 다 first-load weight에 기여합니다.
자주 묻는 질문
minify가 항상 LCP에 도움이 되나요?
작은 asset은 도움이 되지만 critical path와 caching이 더 중요합니다 — 실제 프로필로 측정하세요.
inline script도 minify해야 하나요?
로직을 bundle로 옮기는 것을 선호하고, 불가피할 때만 inline minify 후 철저히 테스트하세요.