블로그를 하다보면 위젯을 설치하기도 하고, 스크립트를 설치하기도 합니다. 문제는 어느날 내 블로그가 느리다고 느낄때입니다..
근데 정작 어디가 느린지 모르는게 문제입니다.
얼마전에 블로그 스킨을 수정하면서 이곳 저곳을 수정하는바람에 정작 느린 부분이 어딘지 모를때도 한몫을 하고 귀찮니즘으로 미루면 자신의 블로그는 계속 느려져 갑니다.

이럴때 방법으로는 내 블로그에 삽입된 이미지, 스크립트, CSS 등을 검토하여 확인하는 방법인데 어떻게 일일히 확인을 하겠습니까??? 그걸 적게나마 도움을 드릴려고 합니다.

일단 시작하기전에 자신의 블로그가 얼마정도의 속도가 나오는지 확인 할 필요가 있습니다. 예전에 제가 쓴 글이 있으니 아래의 글을 확인 바랍니다.

2008/01/05 - [나이스팁/블로그] - 내 블로그의 속도는 얼마인가?

이것도 귀찮다면 http://www.iwebtool.com/speed_test 에서 자신의 블로그 주소를 넣고 아래에서 자신의 블로그를 읽어드리는 속도를 확인 합니다.

그리고 확인하였으면 이제 아래의 사이트인 octagate sitetimer 을 통하여 어떤 파일이 느린지 분석을 하겠습니다.

http://www.octagate.com/service/SiteTimer/

이동하여 자신의 블로그 주소를 입력합니다.
자신의 블로그 주소를 입력하여 주고 옆에 Start 를 눌러줍니다.


그럼 아래와 같이 자신의 블로그에 삽입된 이미지와 스크립트를 확인하여 불러들여 확인하고 뿌려주는데 걸리는 시간을 보여줍니다.
http://www.octagate.com/service/SiteTimer/
위의 이미지에서도 설명을 했지만 다시 설명하면 다음과 같습니다.

노랑색은 해당 이미지를 발견했다는걸 의미합니다.
초록색은 해당 이미지를 발견했고 접속 함을 의미합니다.
파랑색은 해당 이미지를 화면에 보여주는 시간을 말합니다.

결론은 파랑색바가 길수록 해당 소스, 이미지, 스크립트가 느리다고 생각하시면 됩니다. 코드가 길거나 이미지의 바이트가 크거나등의 이유가 있겠죠~

자신의 블로그에 삽입된 로고나 이니셜, 타이틀등에 사용된 이미지가 느린지 확인해보시고 jpg면 gif등의 변환을 통하여 스킨을 수정하시길 바랍니다.

또한 다음과 같이 해당 URL 빨간색일 경우는 경로가 잘못된 경우이거나 혹은 해당 파일이 서버에 없을 경우입니다.

이미지를 확인할려면 URL 앞에 있는 돋보기 아이콘을 클릭하면 해당 이미지의 주소를 볼수  있습니다.

이런류의 파일은 일명 이미지 주소가 깨져 있기 때문에 IE나 파이어폭스에서 처리할때 시간 지연을 줍니다. 당연히 블로그 로딩속도에도 영향을 주겠습니다.


위의 사이트 말고도 아래의 사이트에서 동일한 방법으로 측정이 가능합니다.
http://tools.pingdom.com/
http://tools.pingdom.com/

2008/01/05 - [나이스팁/블로그] - 내 블로그의 속도는 얼마인가?

저도 이번기회를 통하여 블로그를 수정 좀 했습니다.
만족할정도는 아니지만 내부적으로는 많이 수정했습니다.

한 예로 꼭 블로그 첫페이지만을 확인 필요는 없습니다
대부분 첫페이지의 경우는 티에디션이라든지의 다양한 코드가 있지만 블로그 레이아웃에 사이드바정도만 확인할려면 테스트주소를
방명록 주소로만 테스트 하는 방법도 있겠습니다.

Post by : 친절한 재아

댓글을 달아 주세요!

  1. 이전 댓글 더보기
  2. 오우~ 매우 훌륭한 정보입니다. 예전에 저도 이상하게 페이지로 로딩이 느려서 마음 고생했는데,
    나중에 하루 웬 종일 원인을 찾아 보게 되었고, 결국 플러그인 하나가 말썽이라는 것을 알게 되었습니다.
    그 플러그인을 제거하니 예전처럼 빨리 로딩이 되더군요.
    알턴 이를 뺀 심정이었습니다.
    알려 주신 www.octagate.com을 빨리 알았더라면 고생을 덜했을 텐데 말이죠.
    좋은 정보 감사합니다. ^^

    • jwmx 님에게 도움이 되셨다니 더 기쁜데요^^//

      헤헤 고맙습니다.

      저도 이참에 다이어트좀 했습니다
      무거운 jpg를 gif등으로 변환을 해서,, 좀더 가볍게 만들었습니다.//

      그랬더니 좀 빨라 지더군요~^^;;
      미세한 차이라도~~

  3. 이야, 이거 정말 유용한걸요 ㅎㅎ
    세세한 분석되 되고, 잘 보고 갑니다.~

  4. 당장 실험해 봐야 겠네요. ^^

  5. 노가다를 안해도..
    알아낼 수 있는 방법이 있군요.
    좋은 정보 감사드립니다.

  6. 호~ 아주 유용한 프로그램이군요.
    아직은 문제가 없는데 필요하면 재아님 생각할게요.
    즐거운 점심시간 되세요.^^

  7. 제 블로그는 트위터 위젯 때문에 조금 더 늦게 열리는 것 같아요....
    트위터 위젯을 없애면 되지만 그렇다고 마땅히 설치할 위젯도 없는 것 같아서 그냥 놔두고 있습니다...^^

    • 트위터 위젯을 중간에 넣게 되면, 페이지 로딩할때 중간에 끊기는 기분이 들꺼에요~ 트위터 위젯을 표현하는 부분에서 말입니다.

      사이드바에서 맨 마지막 즉 html로 예를들면 위에서 맨 아래까지 주욱 로딩이 되어 보여지니 맨 하단쪽에 넣게 되면 시각적으로 중간에 뚝뚝 끊기는 느낌이 안듭니다.

      즉, 네티즌이 마우스로 클릭하게전에는 표현이 됩니다. 보통 사이드바 하단쪽에 위치를 시키면요^^

      아니면 트위터위젯을 좀더 빠른걸로 변경해보시는것도 좋을듯 한데요

  8. 오오...포스팅만 올릴 줄 알았지...이렇게 관리하는 것은 몰랐네요!
    좋은 정보 감사합니다 ^^

  9. 보자마자 검사해봤는데
    제 블로그는 느린 편은 아니네요.
    좋은 팁입니다. ^^

  10. 흐흐 절 위해 포스팅 해 준신거 맞죠?ㅋㅋㅋ
    당장 테스트 해 보갰심더!~ 땡큐~

  11. 2.62초네요...다음 단계로 고고씽~

  12. ;; 한 6개가 빨강색인데 돋보기 크릭하니 티스토리에서 페이지를 찾을 수 없다고 나온다는...;;
    이걸 어떻게 수정을 하죠? (두리번 두리번..)

    • 제가 보기엔 그 6개는 아마, 티스토리측에서 파일이 없을경우일것입니다.

      안그래도 포스팅할까 그냥 티스토리 관리자에게만 살짝 말할까 하고 있긴 한데~^^

      주소를 저에게 알려줘보세요 빨간색 주소^^

    • 재아님 말씀이 맞는 것 같아요...
      그 주소 경로가 쪼매 희한하더라는..;;
      지금은 잠시 블로그 정리를 마무리 하고요..내일 다시 테스트 해 보고 주소 드릴게용..
      스킨 마무리 단계라지요..ㅎㅎ

  13. 저는 그냥 남편에게 맡길랍니다.ㅡ,ㅡ

  14. 유용한 정보 잘 배우고 갑니다.
    방금 잠깐 해보니 윈도우7이라서 호환이 안되는지
    버그나오네요 ㅎㅎ 아래사이트로 다시 도전해봐야겠어요!

  15. 좋은 공부했습니다^ㅡ^

  16. 아~너무너무 좋은정보예요~^_^
    재아님 감사합니다.
    저도 해볼께요~:D

  17. 정말 좋은 정보네요..감사합니다..^ ^ㅋ

  18. 블로그 느리긴 느린데 뭐가 느린지 몰라서 답답했는데..
    주말에 스킨 정비해야겠어요~ ^^

  19. 저도 위젯 많이 달고, 스킨 심심하면 고쳐서 한번 해봐야겠네요ㅎ

    근데 재아님 블로그는 탐나는게 많네요.
    추천박스도 탐나고.. 근데 여기 벌레는 마우스로 안 잡아지나요? ㅋ

  20. 덕분에 사라졌던 쓰레기 링크들을 삭제할 수 있었네요 ㅎㅎ

  21. 오! 좋은정보 고마워요~

파란에서 서비스 해주는 새로운 서비스 유형입니다.
쉽게 설명드리면, 여러분이 흔히 알고계시는 인터넷 한글주소와 비슷하게 생각하시면 됩니다.  사용 방법은 인터넷 주소창에 영문도메인이 아닌 한글을 입력함으로써 자신의 태그가 지정된 사이트로 접속이 가능한 부분을 말합니다.
마치 검색사이트에서 특정 단어를 검색했을때 그 사이트에 대해서 요약된 광고 정보가 나오는 방식과 비슷하게 생각하시면 됩니다... 
아래의 등록 절차에 의해서 만든 '재아넷블로그' 를  인터넷 주소창에 입력해보세요!
그러면 아이태그가 어떻게 작동되는지 쉽게 알수 있습니다.
예전의 한글주소는 그냥 말 그대로 도메인의 역활만 했지만, 지금의 아이태그는 이 한글주소를 사용자가 관리를 하고 통계를 낼수 있다는점이 좀 다른점입니다.

아래와 같은 절차로 진행됩니다.
아이태그는 파란에서 제공합니다. http://itag.paran.com/

새로운 아이태그를 등록합니다.

아이태그의 등록방법은 00의 00를 방식으로 진행이 됩니다.
예를들어, (멋진이의블로그) 이런식으로 앞글자와  뒷글자의 단어가 구성이 되어야 합니다.
(맛있는블로그), (꿈이있는작은집), (멋들어진음식점)이런식으로 앞과 뒤과 구성이 되어야 한다는겁니다.

아래 아이태그 등록절차를 그림으로 확인 가능합니다.

더보기

미리 위처럼 아이태그 등록방법을 한번 쭈욱 보셔도 좋겠습니다.

그럼 이제 직접 아이태그를 등록해보겠습니다!

저는 앞단어를 재아 뒷단어를 블로그라고 해서 일명 재아넷블로그 라는 아이태그를 등록을 할려고 합니다..

위처럼 등록하시고 상태, 키워드종류, 금액등을 확인하시고 다음단계를 진행합니다.
모든정보가 이상이 없다면 다음단계를 클릭합니다.

새로운아이태그의 등록에 대한 약관과 개인정보를 확인하시고 다음단계를 클릭합니다.

현재 이벤트중이기 때문에, 할인판매가가 무료입니다. 저는 6개월만 선택했습니다.

아이태그가 노출되는 방식입니다. 즉, 인터넷 주소에서 재아넷블로그라고 입력하고 앤터를 쳤을때 어떤 방식으로 아이태그가 노출이 될것인지에 대한 일명 템플릿입니다.

저는 매거진형을 선택했습니다. 차후에 이 부분은 아래에서 다시 보여드리겠습니다.

템플릿에서 매거진형식을 선택하면 위처럼, 매거진에필요한 정보와 구성을 위하여 블로그 메시지, 사이트, 목록등 여러가지를.. 선택하고 추가 해줍니다.

그리고 나서 미리보기를 클릭하면 위처럼 템플릿을 통하여 구성된 아이태그가 보여지게 됩니다...

시간차인지 모르겠지만, 바로 화면이 안나오고 부분적으로 나오더군요!!
차후에 될것으로 생각하고 확인을 눌렀습니다.

이제 새롭게 만들어진 아이태그를 가지고 배너를 만들어볼 예정입니다.
이는, 쉽게 말해서 이런겁니다. 네이버검색에서 뭐뭐뭐라고 치세요!라는 등의 작고 깔끔한 배너 형식을 말하는겁니다.

아래 배너를 만든 위자드 방식에서 선택이 가능하며, 아래를 확인하시면 쉽게 이해할수 있습니다.

위처럼 배너가 만들어지며 소스를 복사한후에 원하는 위치에 붙여넣기 하시면 됩니다. 자주가는 사이트라든지, 아니면 블로그 사이드바라든지 등에 홍보차 넣어두시면 좋을듯 싶습니다.

재미있는점은 아이태그는 한글주소이긴 하지만, 관리가 가능하다는점입니다.
그래서, 아래처럼 통계가 가능합니다.

아직 재아넷블로그라는 아이태그를 홍보하지 않은상태라, 접속이 없네요^^ 저라도....

그럼 이제 실질적으로 어떻게 작동되는지 알아보겠습니다.

인터넷주소창에 재아넷블로그를 입력했더니, 아래처럼 나옵니다.
여러분이 생각하시기에 한글도메인으로만 생각했지만, 위처럼 미리 서명방식으로 작동을 하기 때문에 좋을듯 싶습니다. 광고등은 전혀 포함되지 않습니다. 물론 클릭하면 자신의 사이트로 이동합니다.

이 서비스가 얼마나 유용하게 될런지는 모르겠습니다만,  개인적인 생각으로는 기업을 홍보하거나 자신을 홍보할때 사이트에 접속하지 않아도, 블로그만 있어도 피알이 가능하겠습니다.

또 하나 무슨 이유에서인지는 모르겠으나, 개인이든 기업이든 노출되는 사이즈가
굉장히 큽니다. 검색페이지에 절반정도를 차지할만큼 크게 태그가 노출되거든요!!

다음에서 검색사이트에서 나오는 프리미엄 링크와 스페셜링크보다더 더 큰 사이즈의 대형~~ 사이즈를 제공하기 때문에 꽤나 좋습니다.

일단 직접 구경해보시길 바랍니다.

지금 사이트 주소에 재아넷블로그라고 입력해보세요!

아무튼 현재 통계가 약해서 어떤 영향을 하고 있는지는 모르겠으나 주목 할만합니다.

Post by : 친절한 재아

댓글을 달아 주세요!

  1. 한 번 만들어 보고 싶어서 도전했으나 그냥 접었습니다.
    전화번호나 주민등록번호를 "QOOK인터넷을 통한 마케팅 진행"에 이용하도록 동의해야 하는군요.
    그냥 공짜로 해주는 김에 팍팍쓰면 좋은데 아쉬워요.

  2. 저도 한 번 연구해봐야 겠습니다...ㅎㅎ

  3. 실제로는 아직까지는 도움이 안되고 있으니, 뭐 이렇다고 할 것도...
    잘 보고 갑니다.

티스토리 툴바