HTML 압축기 & 정리기
개인정보 보호 설계 — 브라우저에서 모두 처리됩니다
브라우저에서 HTML을 압축하거나 정리합니다. Toova는 공백, 주석, 선택적 따옴표를 제거하여 프로덕션을 위해 HTML을 축소하거나, 압축된 마크업을 실제로 읽을 수 있는 것으로 정리합니다.
HTML 압축이 제거하는 것
태그 사이의 공백, 속성 값 주위의 불필요한 따옴표, 중복된 닫는 태그, 주석, 빈 속성이 모두 더해집니다. 압축 모드는 모든 것을 안전하게 잘라냅니다. 출력은 모든 최신 브라우저에서 동일하게 렌더링됩니다. CDN에서 제공되는 매우 큰 페이지나 정적 HTML의 경우 첫 바이트 시간에 대한 절약이 측정 가능하며, 특히 압축이 시작되기 전에 그렇습니다.
정리 모드
기계 생성 HTML을 감사하거나, 서버에서 렌더링된 페이지를 디버깅하거나, 정적 사이트 생성기의 출력을 읽어야 할 때 정리 모드가 원하는 것입니다. Toova는 평평한 단일 라인 HTML을 가져와 명확한 블록 경계가 있는 적절히 들여쓰기된 트리로 확장합니다. 들여쓰기 수준은 구성 가능합니다. 2칸, 4칸 또는 탭. 읽기 선호도에 따라 다릅니다.
브라우저 전용
모든 처리는 브라우저에서 실행됩니다. 붙여 넣은 HTML(독점 템플릿 또는 민감한 마크업)은 페이지를 떠나지 않습니다. 그래서 도구는 내부 디자인, 고객별 이메일 템플릿 또는 NDA로 보호된 모든 것으로 작업하는 데 안전합니다. 첫 로드 후 페이지는 오프라인에서 작동합니다.
자주 묻는 질문
- 압축된 HTML은 얼마나 더 작습니까?
- 일반적으로 gzip 전에 5-15% 더 작으며, 공백과 주석이 많은 페이지에서는 더 그렇습니다. gzip 후 절약은 몇 퍼센트로 떨어지지만 페이지의 첫 페인트에서는 모든 바이트가 중요합니다.
- 압축이 제 페이지를 깨뜨립니까?
- 아니요. 입력이 유효한 HTML인 한 그렇지 않습니다. 압축기는 DOM 구조를 정확히 보존합니다. 인라인 요소 사이의 공백은 때때로 의미가 있으므로 도구는 렌더링에 영향을 줄 수 있는 곳에서 유지합니다.
- 주석을 제거합니까?
- 기본적으로 예. 주석 보존 토글을 통해 조건부 주석(오래된 IE 전용 블록)과 라이선스 헤더를 보존할 수 있습니다. 일반 주석은 바이트를 절약하기 위해 제거됩니다.
- 한 줄 HTML을 정리할 수 있습니까?
- 예. 정리기는 평평한 HTML을 파싱하고 DOM 트리에 따라 들여씁니다. 그래서 입력이 빌드 파이프라인의 압축된 출력이어도 읽을 수 있게 만듭니다.
- 제 HTML이 어디로든 전송됩니까?
- 아니요. 처리는 전적으로 브라우저에서 실행됩니다. 업로드되거나 로깅되는 것이 없습니다.