티스토리 속도향상 프로잭트 - 페이지 압축하기


Google Inspactor나 Site analysis의 권고 사항에는 html,css,js의 압축을 명시하고 있습니다. 따라서 페이지를 압축하면 비약적인 속도향상을 이뤄 낼수 있습니다.


페이지 압축을 위해 HTML compressor에 접속합니다. 제작자가 비트코인이나 라이트 코인으로 기부를 받고 있으니 채굴 좀 많이 하신 분이라면 기부를 하셔도 될 듯 합니다. ^^;



여기서 자신의 skin.html, css, 그리고 자신이 사용중인 자바스크립트를 붙여 넣고 하단에 compress를 누릅니다. 옆에 속성을 설정하는 메뉴가 있긴하지만 자동인식을 하기 때문에 귀찮게 따로 선택해줄 필요는 없습니다.



조금만 기다리면 압축률과 압축된 코드가 나옵니다. 제 블로그의 CSS의 같은 경우 77% 압축이 되었네요. 이로서 평소보다 더 빨리 페이지를 불러 올수 있게 되었습니다.

css 뿐만 아니라 html, js도 모두 압축을 하면 웹페이지 로딩속도 향상에 도움을 줍니다.

html같은 경우 html5로 만든 페이지는 정상적으로 압축이 되지만 티스토리의 XHTML은 압축시에 페이지 구조가 뒤틀어질 위험이 있으니 잘 선택해서 사용하시기 바랍니다.