html 압축 - 티스토리 로딩속도 빠르게 하는법

티스토리 스킨 꾸미기나 초기셋팅을 완료 하시고 로딩속도가 유독 느린 분들이 계실 겁니다 물론 스킨 자체적으로 부가 기능이나 여러가지 코드값이 많아지다보면 자연스럽게 읽어 들이는데 느려질 수 있는데요 이를 최소화 하기 위해서 html 압축 방법을 통해서 티스토리 로딩속도 향상을 기대해 보실 수 있습니다 물론 티스토리 말고도 다른 html 사이트에서도 사용하실 수 있는 만큼 아래 그림 설명들을 잘 참고하셔서 유용하게 이용해 보시길 바랍니다

html 압축으로 티스토리 로딩속도 개선 하는법

물론 이 방법은 사이트를 이용해서 쉽게 html 압축 코드를 뽑아내는 작업으로 누구나 쉽고 빠르게 이용할 수 있다는 장점이 있습니다 이 밖에도 css 압축 방법이나 티스토리 블로그 로딩속도 측정 등 다양한 방법이 있는데요 해당 내용은 맨 아래 있는포스팅을 참고해 주시면 되겠습니다

html 압축 방법으로 먼저 다음 HTML Compressor 사이트 접속을 해주셔야 하는데요 물론 검색을 통해서 찾으실 수도 있지만 귀찮으신 분들은 아래 사이트 접속후 아래 설명에 따라 이용해 주시면 되겠습니다

http://htmlcompressor.com/compressor/

 

다음 사이트로 들어가주시면 다음과 같이 html 코드를 넣는 곳이 있습니다 여기에 자신의 티스토리 블로그 html 코드를 전부 복사 하셔서 해당 란에 붙여넣기 해주시면 됩니다

그리고 반드시 확인해주셔야 하는 부분이 있습니다 code type 이 x/html 항목이 표시되어 있는지 확인해 주셔야 합니다

물론 html 말고도 자바스크립트 혹은 php 로 이루어진 경우 각자 알맞는 방식으로 선택 해주시면 되는데요 티스토리는 html로 구성되어 있기 때문에 x/html 로 선택 해주시면 됩니다

그리고 반드시 옆에 Show Options 항목을 눌러서 몇가지 옵션 체크를 해야 티스토리 기능들이 정상적으로 작동할 수 있습니다 만약 이 설정을 안해주게되면 티스토리 스킨 기능들이 제대로 작동하지 않을 수 있으니 반드시 확인해주시길 바랍니다

해당 버튼을 눌러주시면 위 그림과 같이 하위 메뉴로 html 옵션 체크 항목들이 나옵니다 여기서 3가지 옵션을 선택 해주시는것이 좋은데요 물론 경우에 따라서 체크를 하지 않고 사용하실 수도 있지만 아래 해당 기능에 관련된 설명을 파악하시고 체크해 주시면 되겠습니다

Single line html output : 모든 html 코드를 띄어쓰기 및 줄바꿈 없이 한줄로 압축해서 보여줍니다(선택)

Never strip quotes : 따옴표 표시("")를 압축대상에서 제외 합니다(필수 체크 옵션)

Preserve all x/html comments : 주석처리 부분을 압축에서 제외 합니다(선택)

위 3가지 옵션은 체크가 되어 있지 않기 때문에 체크표시를 하고 진행해 주시는 것이 좋은데요 특히 Never strip quotes 옵션 같은 경우 체크하지 않으면 블로그 내 검색 기능이라던지 댓글 기능등 기타 스킨 기능이 정상적으로 작동 되지 않을 수 있기 때문에 반드시 체크 해주시는 것이 좋습니다

위 과정대로 설정을 완료 하셨다면 하단 compress 버튼을 눌러서 html 압축 진행을 해주시면 되겠습니다

혹시라도 html 과 PHP 코드로 섞여서 코딩된 사이트라면 위 그림과 같은 메시지를 확인하실 수 있는데요 그대로 진행하셔도 문제가 없는 경우가 많기 때문에 change 버튼을 눌러서 진행해 줍니다 혹시라도 문제가 생기는 것을 방지하기 위해서 미리 메모장을 이용해서 백업을 해두시는 것도 좋은 방법이 되실겁니다

그러면 이런식으로 자신의 블로그 코드가 압축되서 출력된 모습을 확인하실 수 있습니다 이 코드를 다시 자신의 블로그 html 편집 창을 열어서 붙여넣어주신후 수정 버튼을 눌러주시면 됩니다

여기까지 블로그 로딩속도 개선을 위해서 코드 압축 방법에 대해서 간단하게 알아봤습니다 혹시라도 블로그 기본 셋팅에 대해서 더 궁금하신 점이 있으시면 아래 해당 포스팅을 참고해보시면 더 도움이 되실것 같습니다 그럼 오늘도 유용한 정보 되셨길 기대하면서 이번 포스팅을 마치겠습니다

티스토리 사이트 로딩속도 측정 쉽게 하는법

css 압축 - 티스토리 로딩속도 단축 하는법

네이버 rss 등록 방법 알아보기

애드센스 코드 삽입 방법

네이버 사이트맵 등록 하기