• S. 사이드바
  • H. 홈으로
  • F. 검색
  • C. 댓글
  • T. 태그
  • G. 방명록
  • N. 공지사항
  • W. 글쓰기
  • A. 관리자
  • O. 로그아웃
[티스토리 스킨 변경] 블로그 로딩속도 OTL - 드롭다운 메뉴 내리다.
2011. 7. 15. 06:00 블로그 (티스토리)
Google Ads


여기저기에서 구글링해서 드롭다운 메뉴를 힘들게 블로그에 넣었는데 파이어폭스와 구글크롬에서는 속도저하를 느낄 수 없었던것이 익스플로러 8.0에서는 한박자 느린 느낌이 들어서 결국 드롭다운 메뉴를 내렸습니다.
용량이 조금 되는 이미지파일과 메인화면의 티에디션이 주범이긴 하지만...이것은 천천히 생각하기로 하고 아래의 사이트에서는 블로그의 로딩속도를 재확인 해 보았습니다. 드롭다운 메뉴가 있었던 것보다 개선된 속도를 보여 주었습니다. 역시, 여러개의 자바스크립트를 넣으면 느려지는거였네요. ^^;

참고로 구글에서 "블로그 로딩 속도 자바스크립트"로 검색하면 자바스크립트의 위치를 변경시켜서 로딩속도를 빨리 할 수 있다고 합니다.


▷블로그 로딩속도 체크 사이트 바로가기

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


자신의 블로그에서 사용하고 있는 자바스크립트 파일의 속도를 측정하고 싶으면 해당 자바스크립트 파일, 확장자가 " js "로 되어 있는 파일를 메모장에서 열어 아래의 사이트에 가서 붙여넣기를 하면 속도를 확인할 수 있습니다.
(드롭다운 메뉴에 사용되는 자바스크립트 파일의 속도는 0.00*초의 속도로 괜찮은 것 같았지만 사이드바에 카테고리 메뉴를 부활시키면서 눈물을 머금고 삭제했습니다. 스킨을 변경하려면 이리 저리 생각해 두어야 할 것들이 많네요. ㅠㅠ)

▷ 자바스크립트 속도 확인 사이트
http://compressorrater.thruhere.net/

지금까지 사용했던 드롭다운 메뉴를 첨부하니 혹시 필요하신분 다운로드 해서 참고만  하세요. 적용은 신중히 하세요. 책임안져요. ^^;
(J1이 수정한 부분은 소스옆에 /* j1 XXXX */으로 코멘트 해 놓았습니다. )


추가로 아래 사이트는 J1이 가져다 쓴 자바스크립트를 이용한 드롭다운메뉴를 넣는 방법과 수정할 부분에 대한 설명이 있으니 참고하세요.

▷ 드롭다운 메뉴를 참고한 사이트
http://cavedog.tistory.com/180
Google Ads
Google Ads