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

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

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

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

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

주석과 불필요한 공백을 제거해 용량을 줄입니다. 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% 줄었습니다.

변수명도 축약(mangle)되나요?: 아니요. 안전을 위해 변수명 변경 없이 주석·불필요한 공백만 제거합니다. 실제 프로덕션 배포에는 전용 번들러 사용을 권장합니다.
CSS와 JS 압축 방식이 다른가요?: CSS는 완전히 한 줄로 압축되고, JS는 문법 안전성을 위해 줄바꿈은 유지하며 공백·주석만 제거합니다.
입력한 코드가 서버로 전송되나요?: 전송되지 않습니다. 브라우저 안에서만 처리됩니다.