JS / CSS 압축기
이 압축기는 JavaScript나 CSS에서 주석을 제거하고 공백을 줄여 크기를 작게 만들며, 원래 크기, 압축 후 크기, 절감 비율을 보여 줍니다.
Input (JavaScript)
이 도구 소개
이 압축기는 JavaScript나 CSS에서 주석을 제거하고 공백을 줄여 크기를 작게 만들며, 원래 크기, 압축 후 크기, 절감 비율을 보여 줍니다.
사용 방법
- JavaScript 또는 CSS를 선택합니다.
- 입력란에 코드를 붙여 넣습니다.
- 압축을 누르고 줄어든 크기를 확인합니다.
- 압축된 출력을 복사합니다.
알아두면 좋은 점
- JavaScript는 문자열 리터럴은 건너뛰면서 //와 /* */ 주석을 제거하고, 공백을 줄이고, 연산자 주변 공백을 없앱니다.
- CSS는 주석을 제거하고, 공백을 줄이며, : { } ; , 문자 주변의 공백을 없앱니다.
- 변수 이름을 바꾸거나 코드를 재작성하지 않으므로 Terser나 esbuild 같은 번들러보다 절감 폭은 작습니다.
- 압축된 파일은 네트워크로 전송되는 바이트가 적어 더 빨리 로드됩니다.
모든 처리는 브라우저 안에서 이루어집니다. 입력한 내용은 업로드되거나 저장되지 않습니다.
자주 묻는 질문
이 압축기를 운영 코드에 써도 안전한가요?
빠르고 비공개로 압축하기에는 충분합니다. 운영 빌드에는 이름 단축과 사용하지 않는 코드 제거까지 해 주고 모든 예외 상황을 처리하는 Terser나 esbuild 같은 도구를 사용하세요.
압축하면 JavaScript가 깨지나요?
공백 압축은 대개 안전하지만, 줄바꿈에 걸친 세미콜론 자동 삽입에 의존하는 코드는 깨질 수 있습니다. 출력을 꼭 테스트하세요.
코드가 서버에 업로드되나요?
아니요. 압축은 모두 브라우저에서 실행됩니다.
파일이 얼마나 작아지나요?
코드에 있는 주석과 공백의 양에 따라 다르며, 도구가 정확한 절감 비율을 보여 줍니다.