모든 도구 › 개발자용
HTML, CSS, JavaScript 압축과 서식 지정
배포용으로 코드에서 불필요한 부분을 제거하거나, 반대로 들여쓰기를 정돈하세요. gzip 이후를 포함해 전후 크기를 보여 줍니다.
이 도구의 기능
- HTML, CSS, JS 압축: 주석, 공백, 불필요한 0, 반복되는 색상이 제거되며 코드는 똑같이 동작합니다.
- JavaScript는 결과를 브라우저가 검증합니다. 원본은 분석되는데 압축한 코드는 분석되지 않으면 경고가 표시됩니다.
- 문자열, 템플릿 리터럴, 정규식, 세미콜론 없는 코드도 올바르게 처리됩니다.
- “압축 전 → 압축 후” 크기와 실제 트래픽 절감량인 gzip 후 크기를 보여 줍니다.
- 서식 지정: HTML, CSS, JS를 보기 좋은 들여쓰기로 정돈합니다. pre와 textarea의 내용은 바뀌지 않습니다.
- 코드 종류는 붙여넣을 때 또는 파일 확장자로 자동 감지됩니다.
변수 이름은 바꾸지 않으므로 JS는 Terser보다 덜 줄어들지만 코드의 동작은 달라지지 않습니다. 대규모 프로젝트에는 번들러를 사용하세요. 스크립트와 페이지에는 이 정도면 충분합니다.