변수명도 축약(mangle)되나요?

아니요. 안전을 위해 변수명 변경 없이 주석·불필요한 공백만 제거합니다. 실제 프로덕션 배포에는 전용 번들러 사용을 권장합니다.

CSS와 JS 압축 방식이 다른가요?

CSS는 완전히 한 줄로 압축되고, JS는 문법 안전성을 위해 줄바꿈은 유지하며 공백·주석만 제거합니다.

전송되지 않습니다. 브라우저 안에서만 처리됩니다.

아니요. 변수명 변경 없이 공백·주석만 제거하는 안전한 압축입니다. 변수명 단축은 Terser·esbuild 같은 번들러의 기능입니다.

공백·주석 제거는 동작에 영향이 없습니다. 다만 ASI(세미콜론 자동삽입)에 의존하는 드문 코드는 결과를 확인하세요.

주석과 불필요한 공백을 제거해 용량을 줄입니다. CSS는 한 줄로 완전 압축, JS는 변수명 변경 없이 공백·주석만 안전하게 제거합니다.

CSS JavaScript

입력

결과

입력

.button {
  color: #ffffff;   /* text color */
  background: #3366ff;
  padding: 10px 20px;
}

출력

.button{color:#ffffff;background:#3366ff;padding:10px 20px}

CSS 모드에서 주석과 모든 불필요한 공백·줄바꿈을 제거하고 마지막 세미콜론까지 정리해 한 줄로 압축한 결과입니다. 예시는 93바이트에서 59바이트로 약 37% 줄었습니다.

주석과 불필요한 공백을 제거해 용량을 줄입니다. CSS는 한 줄로 완전 압축, JS는 안전한 범위만 제거합니다.

대상	처리 내용
CSS	주석·공백·줄바꿈을 전부 제거해 한 줄로 압축
JS	주석과 불필요 공백만 제거 — 변수명·문자열은 그대로
안 하는 것	변수명 단축(mangle)·dead code 제거 — Terser급 최적화는 아님
주의	정규식 리터럴 등 특수 패턴은 결과를 확인한 뒤 사용 권장

변수명도 축약(mangle)되나요?: 아니요. 안전을 위해 변수명 변경 없이 주석·불필요한 공백만 제거합니다. 실제 프로덕션 배포에는 전용 번들러 사용을 권장합니다.
CSS와 JS 압축 방식이 다른가요?: CSS는 완전히 한 줄로 압축되고, JS는 문법 안전성을 위해 줄바꿈은 유지하며 공백·주석만 제거합니다.
입력한 코드가 서버로 전송되나요?: 전송되지 않습니다. 브라우저 안에서만 처리됩니다.
JS 변수명도 짧아지나요?: 아니요. 변수명 변경 없이 공백·주석만 제거하는 안전한 압축입니다. 변수명 단축은 Terser·esbuild 같은 번들러의 기능입니다.
압축해도 코드가 똑같이 동작하나요?: 공백·주석 제거는 동작에 영향이 없습니다. 다만 ASI(세미콜론 자동삽입)에 의존하는 드문 코드는 결과를 확인하세요.