HTML·CSS·JS 최소화

코드를 최소화하는 방법

1. HTML, CSS, JavaScript를 붙여 넣습니다. 언어는 자동으로 판별되고, 직접 고를 수도 있습니다.
2. 최소화한 결과가 아래에 나오고, 전후 크기와 줄어든 비율도 표시됩니다.
3. 복사하거나 .min 파일로 내려받으십시오.

자주 묻는 질문

정확히 무엇이 지워집니까?

주석과 쓸데없는 공백입니다. CSS에서는 중괄호, 세미콜론, 쉼표, 콜론 옆의 공백과 각 블록의 마지막 세미콜론이 사라집니다. HTML에서는 이어진 공백이 하나로 줄고 주석이 사라집니다. JavaScript에서는 주석과 들여쓰기가 사라집니다.

JavaScript의 줄바꿈은 왜 남깁니까?

줄바꿈을 지우면 코드의 뜻이 달라질 수 있기 때문입니다. JavaScript는 줄 끝에 세미콜론을 넣어 주므로, 그것에 기대던 두 줄을 붙이면 깨집니다. 지우는 것은 들여쓰기와 빈 줄, 주석뿐이고 이는 어떤 코드에서도 안전합니다.

빌드 도구처럼 변수 이름을 바꿉니까?

바꾸지 않습니다. 이름을 줄이고 식을 다시 쓰는 일은 제대로 된 파서가 필요하며 esbuild, terser, SWC 같은 번들러의 몫입니다. 이 도구는 파일을 손으로 덜어내는 용도이고, 보통 10~30% 줄어듭니다.

문자열과 정규식이 있어도 안전합니까?

안전합니다. 스캐너가 따옴표와 템플릿 리터럴, 정규식 리터럴을 따라가므로 문자열 속 주석 기호나 정규식 속 슬래시는 건드리지 않습니다.

HTML 태그 사이 공백은 왜 남깁니까?

인라인 요소 사이의 공백은 화면에 보이므로 지우면 단어가 붙어 버립니다. 마크업이 모두 블록 요소이고 그 공백을 없애고 싶다면 두 번째 칸을 선택하십시오.

gzip이 이미 해 주지 않습니까?

대체로 그렇습니다. gzip이나 Brotli로 압축하는 서버는 반복되는 공백을 이미 짜냅니다. 그래서 미리 최소화해도 바이트 수가 말하는 만큼 이득이 크지는 않습니다. 그래도 인라인 코드, 이메일 템플릿, 압축 없이 전달되는 파일에는 도움이 됩니다.

코드가 업로드됩니까?

아니요. 텍스트는 브라우저 안에서 처리되고 어디로도 전송되지 않습니다.