JavaScript 압축기
프로덕션용 JavaScript를 즉시 축소
원본 JavaScript
옵션
압축된 JavaScript
개요
JavaScript 압축기는 코드에서 주석, 불필요한 공백, 줄바꿈을 제거하여 프로덕션용 파일 크기를 줄입니다 — 더 작은 다운로드, 더 빠른 파싱 시간. 읽기 쉬운 JS를 붙여넣으면 즉시 압축된 결과를 얻을 수 있으며, 실시간 전후 크기 비교도 제공됩니다.
이 압축기가 제어하는 항목
- •주석 제거: // 줄 주석과 /* 블록 */ 주석 모두 제거
- •공백 축소: 불필요한 공백, 빈 줄, 줄바꿈 제거
- •크기 비교: 원본 크기, 압축 크기, 감소율을 나란히 확인
- •세미콜론 정규화: 공백 제거 후에도 문장 구분자가 유지되도록 보장
- •주석 보존 토글: 필요시 라이선스 헤더나 중요한 주석 유지
- •다운로드 가능한 출력: 압축된 결과를 .js 파일로 직접 저장
JavaScript를 압축해야 할 때
- •페이지 로드 시간을 줄이기 위해 프로덕션에 배포하기 전에 스크립트 축소
- •HTML 페이지에 부풀리지 않고 인라인으로 삽입할 작은 유틸리티 스크립트 준비
- •전체 빌드 파이프라인을 구축하기 전에 파일이 얼마나 축소될지 빠르게 확인
- •빌드 단계가 실용적이지 않은 CodePen, gist, 북마클릿용 일회성 스크립트 압축
- •성능 감사를 위해 크기 예산과 압축된 크기 비교
JavaScript를 압축하는 방법
- 1.JavaScript를 입력 편집기에 붙여넣거나 .js 파일을 업로드하세요
- 2.주석(예: 라이선스 헤더)을 보존할지 완전히 제거할지 결정하세요
- 3.압축된 출력과 크기 감소율이 자동으로 나타납니다
- 4.결과를 복사하거나 .js 파일로 다운로드하세요
- 5.배포 전에 전후 바이트 수를 확인하여 크기 절감을 확인하세요
알아두어야 할 예외 상황
- •이 압축기는 변수 이름을 더 짧게 바꾸거나 죽은 코드 제거를 수행하지 않습니다 — 최대 압축을 위해서는 Terser 같은 AST 기반 도구가 필요합니다
- •문자열 내용과 템플릿 리터럴은 그대로 유지됩니다. 문자열 외부의 구조적 공백과 주석만 제거됩니다
- •특이한 코드(예: ( 또는 [로 시작하는 줄)에서 ASI(자동 세미콜론 삽입)의 예외 상황은 압축 후 테스트해야 합니다. 줄바꿈 제거가 때때로 ASI 관련 동작을 변경할 수 있기 때문입니다
제한 사항
- •이것은 공백/주석 압축이지 완전한 압축이 아닙니다 — 최대 크기 감소(변수 이름 변경, 죽은 코드 제거, 트리 쉐이킹)를 위해서는 Terser나 esbuild 같은 빌드 도구 통합 압축기를 사용하세요
- •압축된 출력은 가독성을 완전히 잃습니다 — 항상 원본 소스를 버전 관리 하에 보관하세요
- •매우 큰 파일은 브라우저에서 완전히 처리하는 데 시간이 걸릴 수 있습니다 — 프로덕션 빌드 파이프라인에서는 일회성 브라우저 도구 대신 번들러에 압축을 통합하세요
반대 방향 작업이 필요하신가요?
압축되거나 압축된 JavaScript가 있고 이를 읽거나 디버깅해야 한다면, 대신 JavaScript 뷰티파이어를 사용하세요. 들여쓰기, 줄바꿈, 일관된 포맷을 복원하여 코드를 실제로 읽을 수 있게 만듭니다.