HTML 축소 및 미용자

HTML 축소 및 미용자는 주석을 제거하고 템플릿과 편집자가 남긴 공백을 축소하여 HTML 문서를 압축합니다. 브라우저가 무시하지만 모든 방문자가 여전히 다운로드하는 들여쓰기, 빈 줄 및 후행 공백입니다. HTML 문서는 모든 페이지 로드의 첫 번째 리소스이며, 도착할 때까지 아무 것도 렌더링하지 않으므로 여기에서 트리밍된 바이트는 첫 번째 콘텐츠와 시간을 다른 모든 자산보다 더 직접적으로 바이트 인접 메트릭으로 이동합니다. 서버에서 렌더링된 페이지와 템플릿 출력은 크기의 10~25%를 일상적으로 흘려보냅니다.

HTML 축소의 중요한 세부 사항은 만지지 말아야 할 사항을 아는 것입니다. 이 도구는 다른 작업을 수행하기 전에 <pre>, <textarea>, <style> 요소 및 <style> 요소의 내용을 마스킹하고 나중에 바이트 단위로 복원하므로 코드 샘플은 줄 바꿈을 유지하고, 텍스트 영역 기본값은 형식을 유지하며, 인라인 JavaScript 및 CSS는 다시 작성되지 않습니다. 따옴표로 묶은 속성 값은 정확하게 보존되며, IE 조건부 주석은 일반 주석을 제거하는 동안에도 유지할 수 있습니다. HTML-minifier-terser와 같은 빌드 시간 축소기가 적용되는 동일한 분야입니다.

Beautifier는 그 반대의 작업을 수행합니다. 축소되거나 지저분한 마크업을 가져와 중첩 인식 구조로 다시 들여쓰기를 합니다. <span>, <a> 및 <strong>와 같은 인라인 요소가 모든 태그를 자신의 라인에 추가하는 대신 주변 텍스트와 함께 흐르도록 합니다. 모든 것이 브라우저에서 100% 클라이언트 측으로 실행됩니다. 마크업은 업로드되거나 기록되지 않으므로 스크랩된 페이지, CMS 내보내기 및 독점 템플릿은 모두 붙여넣기에 안전하며 도구는 오프라인에서 계속 작동합니다.

HTML의 공백이 항상 중요하지 않은 것은 아니므로 pre, textarea, script 및 style이 그대로 유지됩니다. 사전 블록 내의 공간을 접으면 독자가 보는 것이 바뀌고 스크립트 내에서 공간을 축소하면 스크립트가 수행하는 작업을 변경할 수 있습니다.