html 압축을 위한 요긴한 팁 한가지!

본 포스트를 읽고 계신 분들이라면 htmlcompressor.com를 이미 알고 계실겁니다. html 또는 CSS 등의 최적화에 가장 많이 애용되는 사이트죠. 저역시 적잖은 도움을 받은 사이트입니다. 그런데, htmlcompressor.com을 통해 압축을 하면 <!-- 머시기 머시기 --> 이렇게 표시되는 주석이 삭제가 되는 게 당연하다고 알고 그렇게 포스팅까지 한 경우도 있더군요.

사실 자세히 보면 htmlcompressor.com사이트에서 제공하는 옵션만 적용하면 바로 해결될 문제인데... 이를 못보는 경우가 있는 것 같습니다. 그래서 간단히 html을 압축하면서 주석은 그대로 보존하는 방법에 대해 포스팅하고자 합니다.

 

상기 htmlcompressor.com사이트의 압축 기본 옵션은 아래와 같습니다.

상기 이미지에 표시된 부분만 설정해 주면 문제없이 최적의 압축을 할 수 있습니다.

다른 건 기존 하시던 대로 하면 될테고... 

제가 말씀드릴 것은 <!-- 머시기 머시기 -->와 같은 주석을 그대로 둔 채로 압축할 수 있는 방법에 대한 것이니까... 파랗게 표시한 부분을 중점으로 요약해서 설명드립니다. 뭐~ 얘긴 끝났네요. ^^

"Preserve all x/html comments"는 모든 주석을 그대로 두란 얘깁니다. 그러니까 주석을 유지하고 압축을 하기 위해서는 당연히 여기에 체크를 한 후 압축을 하면 되겠죠? ^^

상기와 표시한 부분을 설정한 화면은 다음과 같습니다. 이미지가 좀 작지만 이해하시는데는 큰 어려움이 없을 거라 생각합니다. 쿨럭~ ㅎ

블로그 스킨을 새롭게 단장하고 이렇게 저렇게 손을 본 후 마지막으로 코드 압축을 하고 나니까 어느정도 정리가 된듯 합니다. ^^ 암튼 인터넷에서 뭘 하든 코드로 모든 것이 이루어지는 것이고 이게 모두 용량과 직결된다는 점에서 압축을 한다는 건 간과할 부분이 못된다는 생각입니다.

html 압축하려고 하시는 분들께 조금이나마 도움이 되는 내용이었으면 합니다. ^^

조금 이라도 도움되셨다면, 아래 ♡공감 단추도 꾸~욱 눌러주세요. :)