JavaScript / CSS 압축 및 최소화(Minify)
JavaScript, CSS 소스 코드를 압축·경량화
특징
JS·CSS 모두 지원하는 압축
탭 전환으로 두 언어의 소스를 경량화
주석·공백을 일괄 제거
줄바꿈이나 불필요한 세미콜론도 자동으로 줄임
절감량을 수치로 시각화
압축 전후 크기와 절감률을 즉시 표시
문자열·정규식 보존
코드 안의 리터럴을 손상시키지 않고 안전하게 압축
사용 방법
1
압축할 언어 선택
JavaScript와 CSS 탭에서 압축할 언어를 선택
2
소스 코드 입력
입력란에 코드를 붙여넣거나 샘플 버튼으로 시험
3
압축 버튼으로 실행
공백이나 주석을 제거한 압축 결과를 생성
4
압축 결과 확인과 저장
압축된 코드와 절감률을 확인하고 복사하거나 다운로드로 취득
활용 사례
웹사이트 표시 속도 향상
JS·CSS 파일 크기를 줄여 로딩 시간을 단축
운영 공개 전 최종 처리
릴리스용 에셋을 경량화해 배포 비용을 억제
모바일 통신량 절약
모바일 환경용으로 전송 데이터양을 압축해 절약
소스 코드의 난독화
정리 정보를 없애 소스를 읽기 어렵게 가공
안전성과 개인정보 보호
브라우저 내 처리
입력 데이터는 사용 중인 브라우저 내에서만 처리되며 외부로 전송되지 않습니다.
브라우저 내에서만 처리
코드 압축는 모두 사용 중인 브라우저 내에서 처리되며, 입력 데이터는 서버로 전송되지 않습니다.
통신은 HTTPS로 암호화
페이지 로드도 TLS로 암호화되어 제3자가 내용을 읽을 수 없습니다.
제3자로의 전송 없음
광고 네트워크나 트래커 등 외부 서비스로 입력 내용을 전송하지 않습니다.
결과 자동 저장 없음
입력·압축 결과나 입력 제안을 서버에 저장하지 않습니다.
업데이트 정보
- update #27
압축 도구에서 JS 식별자 분할이나 CSS 자손 선택자 손상 등의 출력 오류 해결
- update #7
JS/CSS 압축 도구에서 연산식과 미디어 쿼리의 필수 공백 유지
- update #5
CSS 압축 도구에서 주석 제거 시 스타일 깨짐 해소