[html] HTML 축소? [닫은]

다음은 귀하의 질문에 대한 간단한 대답 입니다. HTML, CSS, JS를 축소해야합니다 . grunt 라는 사용하기 쉬운 도구가 있습니다. 많은 작업을 자동화 할 수 있습니다. 그중에는 JS , CSS , HTML 축소, 파일 연결 등이 있습니다 .

여기에 작성된 답변은 매우 구식이거나 때로는 의미가 없습니다. 2009 년과는 많이 달라졌 기 때문에 제대로 답해 보도록하겠습니다.

짧은 대답- 확실히 HTML을 축소해야합니다 . 오늘날에는 사소한 일이며 약 5 %의 속도 향상을 제공 합니다. 더 긴 답변을 원하시면 전체 답변을 읽으십시오.

예전에는 사람들이 수동으로 css / js를 축소했습니다 (특정 도구를 통해 축소하여 실행). 프로세스를 자동화하는 것은 다소 어려웠고 확실히 약간의 기술이 필요했습니다. 지금도 많은 고수준 사이트가 gzip (사소한)을 사용하지 않는다는 것을 알면 사람들이 html 축소를 꺼리는 것이 이해가됩니다.

그렇다면 사람들은 왜 js를 축소했지만 html은 축소하지 않았 습니까? JS를 축소하면 다음 작업을 수행합니다.

• 댓글 제거
• 공백 제거 (탭, 공백, 개행)
• 긴 이름을 짧은 ( var isUserLoggedIn~ var a)으로 변경

예전에도 많이 개선되었습니다. 그러나 html에서는 긴 이름을 짧게 변경할 수 없었고, 그 기간 동안 댓글을 작성할 것이 거의 없었습니다. 그래서 남은 것은 공백과 줄 바꿈을 제거하는 것뿐입니다. 약간의 개선 만 제공합니다.

여기에 쓰여진 한 가지 잘못된 주장은 콘텐츠가 gzip으로 제공되기 때문에 축소가 의미가 없다는 것입니다. 이것은 완전히 잘못된 것입니다. 예, gzip이 축소 개선을 감소 시킨다는 것은 이치에 맞지만, 주석, 공백을 적절하게 다듬고 중요한 부분 만 gzip해야하는 이유는 무엇입니까? 사용하지 않을 쓰레기가있는 보관 폴더가 있고 정리하고 압축하는 대신 압축하기로 결정한 것과 같습니다.

축소하는 것이 무의미한 또 다른 주장은 그것이 지루하다는 것입니다. 2009 년에 그랬을 지 모르지만,이 이후 새로운 도구가 등장했습니다. 지금은 마크 업을 수동으로 축소 할 필요가 없습니다. Grunt 와 같은 경우 grunt-contrib-htmlmin ( @kangax의 HTMLMinifier 에 의존) 을 설치 하고 HTML 을 축소하도록 구성하는 것은 간단합니다. 당신이 필요로하는 것은 단지 2 시간 정도의 시간이 필요합니다. 1 초 ( grunt-contrib-watch로 아무것도하지 않도록 자동화 할 수도 있음 )는 약 5 %의 개선 (gzip을 사용하더라도)에 그렇게 나쁘지 않은 것 같습니다.

또 하나의 주장은 CSS와 JS가 정 적이고 HTML은 서버에 의해 생성되므로 미리 축소 할 수 없다는 것입니다. 이는 2009 년 것도 사실 이었지만, 현재 더 및 더 많은 사이트 서버가 얇고 클라이언트가 모든 라우팅하는 주형 및 기타 로직을 수행하는 단일 페이지 응용 프로그램처럼 찾고 있습니다. 따라서 서버는 JSON 만 제공 하고 클라이언트는이를 렌더링합니다. 여기에 페이지와 다른 템플릿에 대한 많은 html이 있습니다.

그래서 내 생각을 끝내려면 :

• Google은 html을 축소하고 있습니다.
• pageSpeed 가 HTML을 축소 하도록 요청합니다.
• 하는 것은 사소한 일이다
• ~ 5 % 개선
• gzip과 동일하지 않습니다.

답변