✔ 최적화를 위한 효과적인 블로그 포스팅 방법

    이 글은 티스토리 블로그를 기준으로 작성되었습니다. 이하 블로그는 티스토리 블로그를 말하는 것입니다. 블로그 최적화(SEO)에 관심을 가지면서 블로그 속도를 빠르게 하는 방법을 고민하고 있습니다. 그 중에 하나가 파일 압축인데요. 이미지, CSS, JS, HTML 파일 등을 압축해서 최대한 용량을 줄여서 사용하려고 하고 있습니다. 그래서 생각한게 블로그 포스트 내용도 압축을 해서 사용하자라는 생각을 하게 되었고, 포스팅 된 글에 대해 많은 사이즈를 줄인 것은 아니지만 그래도 용량을 줄일 수 있기에 블로그 포스팅 할 때 습관적으로 압축해서 포스팅을 해야겠다는 생각을 하였습니다.



    ✔ 블로그 포스팅시 내용을 압축하자

    방법은 매우 간단합니다. 작성이 완료된 내용을 HTML 압축을 해서 포스트 쓰기할 때 압축된 내용을 사용하면 됩니다. 아래의 글을 참고하시면 쉽게 HTML, JS, CSS 파일을 압축할 수 있습니다.


      블로그 속도 향상을 위한 HTML, CSS, JS 파일 용량 줄이기


    포스팅 한 글에 수정할 내용이 있는 경우, 압축된 문서는 보기 힘들어서 보기 좋게 정렬을 해야할 경우가 있습니다. 그런 경우 아래의 글을 참고하시면 소스 코드를 정리해서 보기 편하게 만들 수 있습니다.


      블로그 운영을 위한 HTML, CSS, JS 파일 소스 코드 정렬하기


     글쓰기 화면으로 이동합니다. 지금 보고 있는 이 글을 압축해서 등록을 해보겠습니다.


    블로그 글

     HTML 보기를 체크해서 작성된 글을 HTML로 확인합니다.


    티스토리 에디터

     작성된 글입니다. HTML을 압축을 진행하겠습니다.


    HTML 압축하기

     압축율이 87%로 많이는 아니지만 어느 정도 파일사이즈를 줄였습니다. 압축된 내용을 복사합니다.



    압축된 HTML 적용

     압축된 내용을 적용합니다.
     1. HTML 보기를 체크합니다.
     2. 복사한 내용을 붙혀넣기합니다.


    블로그 글 미리보기

     미리보기로 작성한 포스팅이 정상적으로 나오는지 확인합니다. 등록 전에 꼭 미리보기로 확인을 하세요.



    ✔ 마치면서

    작성한 포스트를 다시 압축해서 사용하는 것은 어쩌면 귀찮은 작업이긴 하지만 조금이라도 최적화를 고려한 작업들이 쌓이고 쌓이면 블로그 운영에 장기적으로 큰 도움이 될 거라고 생각합니다. 그리고 아래의 글을 확인하시면, 포스팅 작성시 첨부되는 이미지를 압축해서 파일사이즈를 줄일 수 있는 방법에 대해서 알 수 있습니다. 이 방법도 블로그 속도 향상에 도움이 될 거라고 생각합니다.


      이미지 해상도 유지하면서 파일사이즈 줄이기




      ✔ 다른 글 보러가기


      IE 실시간 메모리 사용량 확인하기


      IE 버전별 블로그 호환성 테스트 방법 - 개발자도구


      마우스 오른쪽 버튼 잠금 해제 방법 - 크롬 확장프로그램 Pig Toolbox


      블로그 소스 코드를 보기좋게 Color Scripter 사용법


      반응형 스킨 해상도별 미리보기 사이트 - 트로이(Troy)


      블로그 유입경로 openapi 는 무엇인가?