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

이럴때 방법으로는 내 블로그에 삽입된 이미지, 스크립트, 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. 오! 좋은정보 고마워요~

댓글을 달아주세요!

티스토리 툴바