JavaScript Minifier - JS 압축 온라인 도구

쓰는 법

1. 왼쪽에 JS 붙여넣기.
2. 'JS 압축' 버튼 클릭.
3. 오른쪽에 결과 + 크기 비교.
4. 복사 한 번이면 끝.

예시

입력:
// 버튼 클릭 이벤트
function handleClick() {
  const count = 0;
  console.log("clicked");
}

출력 (38% 절약):
function handleClick(){const count=0;console.log("clicked")}

JS 용량은 줄이되 디버깅은 살리기

JavaScript를 압축하는 방법은 크게 두 가지예요. 하나는 주석·공백만 제거하는 '안전 모드', 다른 하나는 변수명까지 a, b로 바꿔버리는 '공격적 모드'(UglifyJS 같은 거). 여기는 전자예요. 주석이랑 공백만 제거해서 20~50% 줄이고, 변수명은 그대로 유지합니다.

왜 안전 모드냐면, 변수명 바꾸면 window['myFunc'] 같은 동적 호출이랑 클래스 메서드 이름에 의존하는 코드가 깨질 수 있거든요. 실서비스에서 '왜 갑자기 안 돼?' 디버깅할 때 원본 변수명 그대로 있으면 훨씬 수월합니다.

여기 쓰면 편한 점

• 변수명은 그대로 유지하는 안전 모드라 '왜 안 돼?' 디버깅이 가능해요.
• JS 용량이 줄어드니까 페이지 로딩 속도랑 Lighthouse 성능 점수 개선에 직접 영향.
• // 한 줄 주석, /* 여러 줄 */ 주석 다 제거돼요.
• 원본/압축 크기랑 절약 비율이 숫자로 나와서 효과 바로 확인 가능.
• 변수명을 안 바꾸니까 외부 라이브러리 호출이나 동적 접근 방식으로 쓴 코드도 안 깨져요.
• 소스 코드는 브라우저 밖으로 안 나갑니다. 사내 코드 붙여넣으셔도 안전.

다른 JS Minifier랑 비교

자주 묻는 질문