코드 압축기
HTML, CSS, JavaScript를 기준으로 빠르게 점검합니다.
코드를 압축하는 이유
전송 크기 줄이기
주석, 공백, 불필요한 문자를 제거하면 파일이 브라우저에 도착하기 전 전송 크기를 줄일 수 있습니다.
정적 파일 재사용에 유리
작은 파일은 사이트가 전송해야 하는 데이터 양을 줄입니다. 하나의 정적 파일이 여러 페이지, 지역, 캠페인에서 재사용될수록 중요합니다.
파싱 부담 감소
브라우저는 다운로드 후 응답을 파싱해야 합니다. 짧은 페이로드는 특히 JavaScript와 큰 inline data에서 파싱 부담을 줄일 수 있습니다.
빠른 정리
전체 빌드 없이 정적 파일, 랜딩 페이지 코드 조각, 임베드, 목업 API 응답, 데모 결과물을 빠르게 정리해야 할 때 유용합니다.
압축과 관련 작업의 차이
압축(Minification)
논리 구조를 의도적으로 바꾸지 않고 불필요한 문자를 제거합니다.
난독화(Obfuscation)
식별자 이름을 바꾸거나 로직 형태를 바꿔 사람이 읽기 어렵게 만듭니다.
Brotli / gzip
전송 압축은 이동 중인 바이트를 줄입니다. 소스 파일 자체도 더 작고 깔끔하게 만드는 코드 압축과 함께 쓰입니다.
Tree shaking
최종 출력 코드만 줄이는 것이 아니라 빌드 단계에서 사용하지 않는 모듈을 제거합니다.
자주 묻는 질문
압축된 코드를 다시 읽기 쉽게 만들 수 있나요?
포맷팅 도구가 공백과 줄바꿈은 복원할 수 있지만 주석과 원래 변수 의도는 이미 사라졌을 수 있습니다.
비공개 코드에 사용해도 안전한가요?
변환은 브라우저에서 실행되므로 단순 압축을 위해 코드를 원격 서비스에 업로드할 필요가 없습니다.
압축이 코드를 깨뜨릴 수 있나요?
보통은 그렇지 않지만 잘못된 입력이나 예외 상황은 운영 환경에 쓰기 전 테스트가 필요한 결과를 만들 수 있습니다.
CDN이 Brotli를 써도 minification이 필요한가요?
대부분은 그렇습니다. Brotli는 전송 크기를 압축하고, 코드 압축은 전송 압축 전에 소스의 불필요한 문자를 제거합니다.
빌드 단계에서 압축하는 것이 더 좋나요?
운영 앱이라면 그렇습니다. 이 도구는 정식 빌드 파이프라인에 넣기 전 빠른 정리, 정적 코드 조각, 데모 결과물, 일회성 파일, 디버깅 출력에 잘 맞습니다.