JavaScript 압축(Minify) 무료 온라인 도구
Terser로 JavaScript를 압축하거나 js-beautify로 보기 좋게 정렬하세요. 압축률을 보여 줍니다. 브라우저에서 동작합니다.
🔒 파일이 브라우저 밖으로 나가지 않습니다. 모든 처리는 Terser로 로컬에서 이루어집니다.
JavaScript를 온라인에서 압축하는 방법
- 1
JavaScript 붙여넣기
입력란에 JavaScript 코드를 붙여넣으세요.
- 2
압축 또는 정렬 클릭
압축은 Terser로 코드를 줄입니다. 정렬은 일관된 들여쓰기로 코드를 보기 좋게 만듭니다.
- 3
결과 복사
복사를 클릭하면 처리된 코드가 클립보드에 복사됩니다.
JavaScript는 페이지에서 가장 무거운 부분인 경우가 많으며, 다운로드뿐 아니라 파싱과 실행에도 시간이 듭니다. 공백만 제거하는 CSS 압축과 달리, 진짜 JavaScript 압축기는 코드를 다시 작성합니다. 지역 변수는 한 글자로 바뀌고, 실행되지 않는 분기는 제거되며, 식은 더 짧은 동등한 형태로 합쳐집니다. 그래서 JS는 보통 30~60% 줄어들어 마크업이나 스타일보다 훨씬 높은 압축률을 보입니다.
이 도구는 Webpack, Vite, Rollup이 내부적으로 사용하는 것과 같은 압축기인 Terser를 브라우저 안에서만 실행되도록 컴파일해 사용합니다. 붙여넣은 코드는 어떤 서버로도 전송되지 않습니다. Node를 설치하거나 번들러를 설정하지 않고도 프로덕션 수준의 결과를 얻을 수 있어, 일회성 스크립트나 CMS에 붙여넣을 코드, 빠른 용량 확인에 편리합니다.
알아 둘 점: 내보낸(export) 이름, 문자열 내용, 파일 밖에서 접근할 수 있는 모든 것은 이름이 바뀌지 않습니다. 실행 중에 function.name을 읽거나 스택 트레이스를 분석하는 코드는 압축 후 다르게 동작할 수 있으므로 압축하지 않은 사본을 보관하세요. 정렬 모드는 가독성을 위해 반대 작업을 하지만, 원래 변수 이름은 복구할 수 없습니다.