요즘들어 제 블로그 로딩속도가 느려지는것을 느껴서 블로그 로딩 시간을 측정해보기로 했습니다. 구글링하니깐 바로 나오더군요..ㅎㅎ 'Google Is My Friend.' |
먼저 WebWait 사이트에 들어가셔서 측정하고 싶은 블로그 주소 또는 사이트 주소를 입력하신후
옆에 있는 'Time It!'버튼을 클릭하시면 웹페이지 로딩 시간이 측정됩니다.
블로그 로딩 시간은 5초에 1번씩 총 5번을 측정해 평균 로딩 시간을 나타내 줍니다.
제 평균 블로그 로딩 시간은 1.79초로 생각보나 빠르게 나왔네요.. ㅎㅎ
참고로 과도한 스킨 수정 또는 광고 등이 블로그 로딩속도를 느려지게하는 원인이라고 합니다.
| 블로그, 사이트 로딩 속도 120배 빠르게 만들기!! (18) | 2012.09.22 |
|---|---|
| 블로그에 부드럽게 올라가는 Top(맨 위로가기) 버튼 추가하기 (7) | 2012.07.23 |
| 티스토리 카테고리 펼치기 (2) | 2012.06.10 |
이번 시간에는 블로그 소스를 압축하여 블로그 로딩 속도를 올리는 방법을 알려 드리겠습니다. 이 방법은 소스를 편집할 수 있는 블로그 또는 웹사이트 에서만 가능하다고 하네요. |
먼저 아래 소스를 복사합니다.
<?php if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) ob_start("ob_gzhandler"); else ob_start(); ?> |
복사가 안되시는 분을 위해 텍스트 파일로도 올립니다.
그 다음 티스토리 관리자 매뉴로 들어간 후 'HTML/CSS 편집' 카테고리로 들어갑니다.
' HTML/CSS'탭을 클릭하셔서 미리 복사하신 소스를 세번째줄에 붙여넣어주고 저장합니다.
압축될때까지 5분정도 기다려 줍니다.
5분정도 지난 다음에 http://aruljohn.com/gziptest.php 사이트로 이동하신다음 블로그 주소를 적으시고
"check compression"버튼을 누릅니다.
압축하기 전의 크기는 106.20kb 였는데 압축하고난 뒤의 크기는 23.45kb로
77.91%정도가 압축되었네요. ^.^
다른 블로거님들은 체감상 별 차이가 없다던데 제 블로그는 크기가 좀 커서그런지..
로딩속도가 생각보다 많이 개선되었네요..
여러분들은 어떠신가요? 빨라지셧나요???
| 내 블로그, 사이트 로딩 시간 측정하기. WebWait! (0) | 2012.09.26 |
|---|---|
| 블로그에 부드럽게 올라가는 Top(맨 위로가기) 버튼 추가하기 (7) | 2012.07.23 |
| 티스토리 카테고리 펼치기 (2) | 2012.06.10 |
블로그에 부드럽게 올라가는 Top(맨 위로가기) 버튼 추가하기
블로그에 위로가기 버튼 추가하겠다고 2시간 반 동안 시행착오를 거쳐서 마침내 완성 했습니다!! ㅎㅎ
필요한 준비물 부터~~ 1. Top(맨 위로가기) 버튼 (아이콘): 2. 자바 스크립트 소스: 3. 부드럽게 올라가는 Top 버튼 소스: |
일단 위에있는 아이콘과 자바 스크립트 소스를 다운합니다.
스크롤링 속도를 조절하고 싶으시면 다운받은 자바 스크립트 소스를 메모장이나 notepad++로 연다음 'var speed = 5;'이부분에서 "5" 부분을 원하시는 숫자로 지정해주시면 됩니다. (높으면 높을수록 스크롤링 속도가 빨라집니다..) |
그 다음엔 티스토리 관리자 매뉴로 들어간 후 'HTML/CSS 편집' 카테고리로 들어갑니다.
'파일업로드'탭을 클릭하셔서 미리 다운받은 아이콘과 자바 스크립트 소스를 업로드합니다.
2개의 파일이 업로드 된것을 확인하신후 아래 사진과 같이 각 파일의 링크 주소를 따옵니다.
2개의 파일 주소를 알아내셨으면 'HTML/CSS'탭으로 이동합니다.
'부드럽게 올라가는 Top 버튼 소스'를 메모장이나 notepad++로 여신후
'자바 스크립트 링크 주소'와 '아이콘 링크 주소'를 본인 블로그에 맞게 수정합니다.
마지막으로, 'skin.html'에서 <head>과</head> 사이에
수정된 '부드럽게 올라가는 Top 버튼 소스'를 복사해서 붙여넣습니다.
예(Example)
추가된 소스를 저장하시면 아래와 같이 상하 오른쪽에 Top(맨 위로가기) 버튼 추가됩니다.
그냥 가시지 마시고 아래 손가락 버튼을 꾹!!! 눌러주시면 감사하겠습니다^^. 네이버 오픈캐스트 구독도 부탁드립니다~~ |
| 내 블로그, 사이트 로딩 시간 측정하기. WebWait! (0) | 2012.09.26 |
|---|---|
| 블로그, 사이트 로딩 속도 120배 빠르게 만들기!! (18) | 2012.09.22 |
| 티스토리 카테고리 펼치기 (2) | 2012.06.10 |
티스토리 카테고리 펼치기
<script language="JavaScript">try{expandTree();}catch(e){}</script> 위 코드를 skin.html에 써주기만 하면 됩니다. |
순서 1. 내블로그 관리 메뉴 중 스킨 -> HTML/CSS편집으로 들어갑니다. 2. skin.html에서 '[ ##_category_## ]' 부분을 검색~~ * 모르시는 분들 없겠지만, 검색 창 단축키는 Ctrl + F입니다. 3. 찾으셨으면 다음 단계로~~~ [ ##_category_## ] </div> 4. </div> 바로 다음 줄에 <script language="JavaScript">try{expandTree();}catch(e){}</script> 위 코드를내용을 복사하고 붙여 넣습니다. 5. 미리보기로 확인 하시고, 위 그림처럼 카테고리가 펼쳐졌으면 저장버튼을 누릅니다 |
4번 참고 [ ##_category_## ] </div> <script language="JavaScript">try{expandTree();}catch(e){}</script> |
| 내 블로그, 사이트 로딩 시간 측정하기. WebWait! (0) | 2012.09.26 |
|---|---|
| 블로그, 사이트 로딩 속도 120배 빠르게 만들기!! (18) | 2012.09.22 |
| 블로그에 부드럽게 올라가는 Top(맨 위로가기) 버튼 추가하기 (7) | 2012.07.23 |
압축소스.txt
arrowtop.zip
scroll_top.js
