H : T : M : G : A : W

블로그 최적화 프로젝트, 블로그 로딩 속도 개선하기블로그 최적화 프로젝트, 블로그 로딩 속도 개선하기

Posted at 2013. 11. 6. 01:59 | Posted in ▶ 똑똑한 블로그/블로그(Blog)


블로그 최적화 프로젝트, 블로그 로딩 속도 개선하기



요즘 블로그를 조금 손보고 있는데요. 나름 블로그 메인에 트위터,다음뷰,SNS공유버튼,구글번역기,광고배너 등 여러개를 덕지덕지 붙여넣다보니깐 블로그 접속 속도가 굉장히 많이 느려진 것을 느낍니다. 그렇다고 전문 개발자가 아닌 이상 소스들에 대한 최적화방법도 잘 알지 못할 뿐더러 어차피 대부분의 것들이 외부에서 데이터를 받아와야하는 것이기에 블로그 속도를 개선하기에는 한계가 있는데요. 일단은 트위터와 로딩이 늦은 광고창을 제거하고 기존에 이미지들도 용량을 줄이고 불필요한 기능들을 제거하는 작업을 한참 진행하고 있습니다. 



BLOG SPEED



이 과정에서 블로그 속도가 개선되었는지 확인을 해야하는데요 매번 직접 새로고침하고 들어오는 것은 정확한 계산이 불가능해서 아래와 같이 사이트 속도를 측정해주는 웹페이지의 도움을 받고 있답니다. 오늘은 내 블로그 속도가 어느 정도 인지 알아보겠습니다.



블로그 속도 측정 사이트

http://webwait.com



위 사이트에 접속하면 아래와 같이 간단한 측정항목이 나옵니다. 상단에 본인의 블로그 주소를 입력한 후 'Time it!"을 클릭해주면 간단히 내 블로그 속도가 측정됩니다. 중요한 것은 아래와 같이 기본적으로 5초간 5회 접속한 통계를 제공해주기 때문에 여러가지로 의미있는 데이터를 받아볼 수 있습니다.


WEBWAIT



[잠깐!] 인터넷 캐쉬,쿠키삭제,다음클리너,네이버클리너 등으로 PC의 찌꺼기를 제거한 후 블로그를 인터넷 창에 띄우지 않고 진행하시길 권해드립니다. 이미 내 PC에 내 블로그 로딩에 필요한 캐시랑 이미지들이 다 저장된 상태라면 테스트 결과가 무용지물이겠죠?


먼저 제 블로그 메인 홈을 측정해보았습니다. 최초 1회때는 2.5초 정도 나왔지만 총 5회 진행하고 나니 1.98초가 걸렸습니다. 당연히 접속할때마다 흔히 말하는 제 블로그의 이미지,외부링크 등이 캐시형태로 방문자 PC 및 브라우저로 정보가 저장되기 때문에 재접속시에 속도가 더 빨라지는 것입니다. 일단 메인페이지는 2초 미만이기 때문에 나름 합격점을 줬습니다. 


블로그속도




그 다음으로는 본격적으로 포스팅 주소를 테스트해보았습니다. 포스팅 주소를 입력하면 당연히 포스팅 내용과 그림 등을 불러와야하고 메인화면에 없던 SNS공유버튼, 다음뷰,믹시,구글애드센스,방명록,글더보기 등 여기저기 내부/외부데이터들이 불러와져야하기에 페이지 로딩에 속도가 더 걸릴 수 밖에 없습니다. 


음..최초 접속시 5.30초.... 5번 측정하니 3.56이 나왔습니다. 나름대로 어느정도 정리를 한 상황이며 개인적으로 5초는 넘지말자 했기때문에 초과된 0.30초에 대해서만 다시 한 번 블로그 속도 개선을 위한 최적화 작업이 필요해보입니다. 어차피 5번 측정된 3.56값에 대해서는 광고창이 좀 많이 붙어있는 상황을 고려했을때 나름 안정적이라 생각하지만 사실 고정 방문자가 많은 전문 혹 대형블로그를 제외한다면 방문자 분들은 대부분 한번 접속하지 두번세번 접속하는 경우가 그리 많지 않을 것입니다. 내 블로그 로딩이 10초나 걸린다면 방문자들은 글을 보지도 않고 창을 닫아 버리겠지요 ㅠㅠ 


REDDREAMS



# 위 측정 당시 사용중인 블로그 소스들

구글 애드센스 배너광고 3개, 링크광고 2개, 프로필 ADDTHIS 플러그인, 포스팅 공유 SNS플러그인, 인쇄/저장 외부링크,C사 광고배너 2개, 라이브리 SNS소셜댓글 창, 카테고리의 다른글, ADDTHIS 플러그인 블로그 인기글



비교분석을 위해 현재 신규로 세팅중인 블로그의 메인주소와 포스팅 주소를 각각 측정해보았습니다. 역시나 신규 블로그라 소스들도 어느정도 깨끗하고 덕지덕지 붙어있는 것도 많이 없어서 메인은 0.8초 , 포스팅은 2.15초라는 매우 훌륭한 결과가 나왔습니다.(구글 애드센스, 다음뷰, SNS공유 적용중) 


빨간꿈을꾸다reddreams



이틀정도 블로그 속도 개선을 위해 작업을 해오고 있는데요. 오늘 소개해드린 테스트와 구글 애널리틱스,웹마스터도구,사이트속도측정 도구 등을 통해 내린 결론과 대응방법은 아래와 같습니다.

 

1. 구글애드센스 광고는 매우 빠른 로딩속도를 제공한다.

2. 다음뷰, 믹시 역시 블로그 속도를 크게 저해하지 않는다.

3. ADDTHIS SNS공유, 프로필링크,인기글의 경우 항목은 많지만 우려할 정도는 아니다.

 - 불러오는 항목이 많기에 프로필 영역은 이미지만 따서 개별 링크로 세팅할 예정

4. 라이브리 SNS댓글 플러그인 역시 로딩이 조금 느리다.

- 라이브리 SNS댓글 플러그인 미노출 처리(클릭시 노출되도록 함)

5. 트위터 위젯은 전체적으로 매우 빠르나, 간간히 불안정하다.

- 트위터 위젯 삭제

6. 이미지 및 링크가 수시로 변경되는 타사 광고배너는 블로그 로딩속도를 저해한다. 

- 타사 광고배너 기존 2개에서 1개 삭제 

7. 우측에 고정된 홈,위,아래 기능버튼은 속도저하는 없으나 소스를 많이 차지한다.

- 소스전부 삭제 후 위,아래,홈 간략하게 이미지 제작 예정



일단 초기 작업으로 어느정도 정리는 했다고 했는데 아직도 제 블로그에 접속하는데 로딩이 느리거나 하시는 분들이 있을까봐 걱정됩니다. 몇 일더 블로그 속도 개선을 위한 최적화 작업을 진행하겠으니 혹시라도 속도로 인해 불편을 느끼셨다면 이 점 충분히 양해해주시기 바라며 블로그를 운영하시는 다른 분들도 위 정보 참고하시어 쾌적한 블로그로 꾸며주시기 바랍니다! 



PS) 댓글로 이 포스팅 접근 속도가 몇초 정도 걸리는지, 빠르다 생각하시는지, 느리다 생각하시는지 남겨주시면 대단히 감사하겠습니다^^ 쾌적한 블로그가 될 수 있도록 더욱 노력하겠습니다!





    Comments

티스토리 댓글


  1. 이 페이지 3초 정도 걸리네요.
    이정도면 준수한 것 같습니다~^^*
  2. 캐시는 어차피 5번 반복해서 불러오면 처음 한 번만 캐시가 남아있지 않은 상태로 불러오고 2번째부터는 캐쉬가 적용된채로 진행되서 결국 5번 중 한 번만 캐쉬가 없는채로 측정이 됩니다. 페이지를 새로고침할때마다 캐쉬를 제거하는 옵션을 적용해야 제대로 될 것 같네요 ㅎ 그리고, 저는 1점 초반대 속도가 나오네요. 컨텐츠가 적다보니.. ㅎㅎ 3초가 넘어가면 대부분의 사람들이 로딩이 끝나기전에 창을 닫아버린다고하네요.
    • 2013.11.07 23:24 신고 [Edit/Del]
      ㅎㅎㅎ 3초라...아무 기능도 없고, 텍스트만 있는 블로그를 꾸며야 될까요 ㅎㅎㅎ 나름 원하는 만큼 내용을 넣고 방문자분들이 불편함을 느끼지 않는 수준만 된다면 좋을 것같습니다~~
    • 2013.11.07 23:34 신고 [Edit/Del]
      아무래도 콘텐츠가 많아지면 어쩔 수 없는 부분같아요. 그래도 컨텐츠를 제거하는것 외에도 스크립트를 </BODY> 위로 몰아넣으시고 html 코드들을 상단에 배치하면 로딩속도는 똑같지만 사용자가 눈에 볼 수 있는 html코드가 우선적으로 보여서 체감상으로는 더 빠르게 느껴질꺼에요ㅎ
  3. 와우~ 이런것도 있나요?ㅎㅎ
    Reddream님은 참 많은 것을 알고 계시는 듯?!ㅎㅎㅎ
    그나저나 이것때문인지 몰라도 한층 속도가 개선되었네요~
    반영해 주셔서 감사합니다~~~~
  4. 로딩 속도를 개선할 수 있군요 ㅎㅎ
    잘 알아 갑니다 ^^
  5. 좋은 자료 감사합니다^^
    에드센스에서 여러페이지에 지금 최하점을 주고 있는 상황이라
    계속 고민중입니다ㅠㅠ
    스크립트 삭제 및 css최적화를 하라는데 이게 다 daum껄로 되있는 것 같아서 어찌해야될지 ㅠ
    • 2013.12.09 22:41 신고 [Edit/Del]
      안녕하세요 에브리플라워님^^

      놀러갔다가 댓글을 남기고 싶은데...
      댓글 작성 버튼이 어디에도 보이질 않습니다 ㅠㅠ
      심지어 방명록 에도 작성버튼이 없습니다.
      크롬과 익스플로러 둘다 진행해본 결과이니
      제 PC만의 문제가 아닌듯합니다.
      확인 부탁드릴께요^^
    • 2013.12.10 16:44 신고 [Edit/Del]
      방금 전에 인지하고 처리했네요 ㅠ
      나중에 또 놀러오세요~ ㅎㅎ
      방문 감사합니다^^
  6. 아직 블로그에 있는게 없어서 그런지 대부분의 페이지가 2초미만으로 뜨네요.
    블로그 속도도 고려해면서 운영해야겠네요.

Name __

Password __

Link (Your Website)

Comment

SECRET