JS/CSS 압축 | 사용법·입력·결과 해설
주석과 일부 공백을 문자열 규칙으로 줄인 JavaScript 또는 CSS 초안을 만듭니다. 구문 트리를 사용하는 배포용 압축기와 다르므로 짧은 예제를 비교하는 용도로 범위를 제한하세요.
- 브라우저에서 실행
- 업로드되지 않음
- 가입 없음, 기기 성능에 따라 제한될 수 있음
계산 도구를 불러오는 중입니다. 도구가 표시되지 않으면 페이지를 새로고침하세요.
사용 방법과 입력
JS와 CSS 모드를 먼저 선택하고 원문을 넣으세요. 따옴표·정규식·템플릿 문자열 안에 주석 모양이 있다면 결과가 바뀔 위험이 있으므로 실행 전 원본을 보존하세요.
결과 해설과 예제
a { color: red; } 같은 단순 CSS는 공백을 줄여 보여 줍니다. 전후 숫자는 문자 길이 비교이며 gzip 뒤 네트워크 전송 바이트 감소량을 의미하지 않습니다.
입력·결과 예시
a { color: red; } 같은 단순 CSS는 공백을 줄여 보여 줍니다. 전후 숫자는 문자 길이 비교이며 gzip 뒤 네트워크 전송 바이트 감소량을 의미하지 않습니다.
한계와 주의사항
- 문자열과 정규식 내부를 안전하게 보존하는 완전한 파서가 아닙니다.
- JavaScript 자동 세미콜론 삽입 의미를 바꿀 수 있어 배포 전 실제 테스트가 필요합니다.
입력 항목
| 항목 | 설명·제약 |
|---|---|
| JavaScript | 화면의 단위와 입력 형식을 확인하세요. |
| CSS | 화면의 단위와 입력 형식을 확인하세요. |
| 소스 | 화면의 단위와 입력 형식을 확인하세요. |
| 결과 | 화면의 단위와 입력 형식을 확인하세요. |
데이터 처리
처리는 현재 브라우저 탭에서 수행되며, 도구 입력을 계산 목적으로 서버에 업로드하지 않습니다.
근거 출처
자주 묻는 질문
표시된 감소량은 전송량 감소인가요?
a { color: red; } 같은 단순 CSS는 공백을 줄여 보여 줍니다. 전후 숫자는 문자 길이 비교이며 gzip 뒤 네트워크 전송 바이트 감소량을 의미하지 않습니다.
실제 운영 스크립트에 바로 적용해도 되나요?
문자열과 정규식 내부를 안전하게 보존하는 완전한 파서가 아닙니다. JavaScript 자동 세미콜론 삽입 의미를 바꿀 수 있어 배포 전 실제 테스트가 필요합니다.
