웹사이트 속도 측정, 퍼포먼스 점수 확인 가능한 곳

웹사이트 속도 측정, 퍼포먼스 점수 확인 가능한 곳

안녕하세요~ 버블프라이스 입니다. 

우리는 정말 바쁜 세상에 살고 있습니다,  원하는 재미난 동영상을 보려고 유튜브 사이트에 접속해서 영상을 클릭하자 건너뛸수 없는 긴 광고가 나와버린다면? 당신은 그 광고를 다 보고 원하는 영상을 시청하겠습니까? 아니면 창을 닫고 다른 영상을 찾거나 다른일을 볼까요?

새로운 신 제품 출시 이후에 그것과 관련해서 정보를 얻기 위해 인터넷을 통해 사이트나 블로그를 검색합니다. 그러던 중 내가 원하는 상품을 발견해서 해당 사이트, 블로그에 접속을 했더니

이미지들이 바로 안뜨고 계속 로딩중 이라고, Site를 읽고 있는 화면만 이어집니다.. 

위와 같은 경험을 하신적이 있으신가요?

오늘은 "웹사이트 속도 측정, 퍼포먼스 점수 확인 가능한 곳"에 대한 제가 알고 있는 몇가지 유용한 Site들을 간단 소개를 할까 합니다.

퍼포먼스 최적화, 모바일 최적화, 구글 검색 엔진 최적화 SEO 이런 단어들을 웹상에서 검색을 하시다가 한번쯤 들어보셨으리라 생각합니다.

오늘은 퍼포먼스 최적화 점수를 확인하는 것에 대한 내용인데요~

performance optimization 은 왜 하는 것일까요?

blog 블로그나 Site 이용시 로딩 속도가 느리면 어떤 문제가 일어날까요?

- 아마 방문자들은 짜증을 낼 것이고, 즉 이탈(빠져나감)을 할 것입니다. 이런 현상은 광고주 들에게도 결코 좋지 못할 겁니다.

짧은 

용어설명 

이탈률 (bounce rate) 또는 "이탈율" 

- 하나의 페이지만 보고 사이트 전체를 이탈한 비율

- 유입페이지와 이탈 페이지가 동일한 경우에 해당된다.

위에 예시에 해당하는 것으로 로드 속도가 느려, 기다리지 않고 도중에 나갈때 이것이 발생합니다. 블로그나 Site에 이것이 높으면 안좋습니다.  

이탈률 (exit rate). 또는 "종료율"

- 해당 페이지를 이탈한 비율

- 사이트를 이탈하지 않았음에도 불구하고, 다른 페이지로 이동을하면 이탈율 숫치가 올라간다.

- 하나의 글 일 수도 있고, 여러개의 글일 수 있습니다. 읽고 최종 임무를 마치고 나갔을때 숫치가 증가하는 것이기 때문에 숫치가 높아도 안좋지 않습니다.

이탈률은 구글 애널리틱스를 통해 확인하실 수가 있는데요~

웹사이트 속도 측정, 퍼포먼스 점수 확인을 하는 이유는

현재 운영하시는 블로그나 Site의 상태를 알 수 있는 방법 중 하나 이기 때문입니다.

결국 

site 로딩 속도가 느리면 -> 이탈률(bounce rate)이 증가할 것이고, 이어서 평균 세션 시간 or 체류시간도 down

결국은 자신의 SIte or 블로그 품질이 떨어지게 될 것입니다.

그럼 서론은 이쯤하고 바로 본론 들어가겠습니다.

"웹사이트 속도 측정, 퍼포먼스 점수 확인 가능한 곳"

첫번째는 

가장 대표적으로 퍼포먼스 점수를 확인 할 수 있는 곳인데요 

Site Name은 "GTmetrix" 이고요 예전에 작성했던 상세 포스트를 참고해주시면 좋을것 같습니다. 

블로그 점수확인 및 최적화 방법

오랜만에 측정을 해보니 점수들이 많이 떨어졌네요^^ 그동안 무거운 포스트들을 작성해온 것과 다른 여러 요인들이 있을꺼라고 생각됩니다.

예전에 한번 내용을 다뤘기 때문에 패스하겠습니다.

궁금하신분들은 위에 링크를 참고해주시면 좋을것 같습니다.

두번째는

PageSpeed Tools 인데요~ 이것도 예전에 작성했던 위에 포스트를 참고해주시면 좋을것 같습니다.

오랜만에 검사를 해보니 모바일에 빨간 불이 들어왓네요 T.T

"웹사이트 속도 측정, 퍼포먼스 점수 확인 가능한 곳"

위에 보시는바와 같이

티스토리 Site 의 점수는??

모바일 54, 데스크톱 77 점이 나왔네요.

그럼 네이버는?

모바일 51, 데스크톱 56점 이 나왔습니다.

둘다 빨간불이네요..

그럼 자사 

구글은?

모바일 100, 데스크톱 95점이 나왔습니다.

이 같은 결과값은 아마

page 속도는 대개 서버의 영향을 많이 받는 편입니다.

티스토리나 네이버는 국내 서비스이겠고, 서버가 국내에 있기 때문에

속 도 를 측정하는 서버는 대개 외국에 있습니다. 이렇기 때문에 지연이 되는 것은 너무도 당연한 결과겠죠?

해외 VPN 서비스를 이용해보시거나 유튜브를 새벽시간과 낮시간에 대용량의 업로드를 해보신 분이라면 이해가 빠르실꺼라 생각됩니다.^^ 

세번째는

"웹사이트 속도 측정, 퍼포먼스 점수 확인 가능한 곳"

구글에서 제공하는 사이트 친화도 체크 서비스인 "think with Google" 입니다.

장점은?

○ 구글 회사의 서비스로 전체적으로 깔끔한 디자인에 속도가 빠른편입니다.

○ 모바일 친화성, (모바일, 데스크탑) 속도 위 세가지 점 수를 빨리 확인 할 수 있습니다. 

사용법은?

위에 링크에 접속 하셔서 자신의 Site 또는 Blog 블로그 주소를 넣은 후 [지금 테스트하기] 버튼을 클릭 하시면 됩니다.

저는 위와 같은 결과값이 나왔습니다.

모바일 친화성에서는 99점 우수함

모바일 속 도에서는 64점 저조함

데스크톱 속 도는 78점 으로 양호함 

수정할 사항이 담긴 세부 보고서를 받아보기를 원하시면 [무료 보고서 받기]를 클릭 하셔서 자신의 이메일 주소를 넣어주시면 됩니다.

그런데.. 일반적인 웹 개발자나 웹관련 전문가가 아니시라면? 일반인 이시면 이해하기가 매우 어렵습니다.

위 사진과 같이  3초내에 로드되지 않으면 이탈 한다고 speed 의 중요성에 대해 잘 말해주고 있습니다.

네번째는

Pingdom 닷컴 입니다.

장점은?

○ USA (텍사스, 캘리포니아), 스웨덴 Stockholm, 오스트레일리아 Melbourne 4곳으로 부터 속 도 측정이 가능

○ 컬러풀하면서 한눈에 들어오는 UI

위 링크에 접속후 URL 입력란에 자신이 운영하는 블로그 blog 또는 Site 주소를 입력하시고

옆에 Test from 에 측정 (나라,지역)을 선택 후 [START TEST]를 클릭하시면 됩니다. 

저는 위와 같은 C등급 75점 을 받았습니다.

Load time은 3.29s 입니다.

A,B,C,D,F 각 색상별로 등급이 표시가 됩니다.

빨간색 F등급일 때는 수정이 필요한 사항입니다.

티스토리 닷컴은 어떨까요?

 B등급 Load time은 4.17초

Page size는 676.4kb

결과값이 나왔습니다.

마지막으로 소개할 곳은?

WEBPAGETEST 라는 곳입니다.

장점은?

○ 테스트 지역을 광범위 하게 설정후 진행 할 수 있습니다. 유럽, (북,남)아메리카, 아프리카, 아시아, 오세아니아 등

○ 브라우저별 테스트가 가능합니다.

- 크롬Chrome, Canary, Firefox, Microsoft Edge, IE 8~11, 모바일 Moto G4, Nexus, Galaxy S5 ~ 7, Nexus 7, 아이폰 5c IOS9, iphone 6 IOS9 , 아이패드 미니 2 IOS9 등

브라우저 버전, 기기 버전, 여러 국가에서 측정을 할 수 있습니다.

사용방법은 Enter a Website URL 란에

자신이 운영하시는 블로그 Blog 또는 Site 주소를 넣어주시면 됩니다.

제 블로그 결과값으로 위 사진과 같이 나왔습니다.

퍼포먼스 점 수 아래에는 Waterfall 도 함께 볼 수 있습니다.

"웹사이트 속도 측정, 퍼포먼스 점수 확인 가능한 곳"

이렇게 Test Location 과 Browser 를 따로 지정후 START TEST 를 눌러주시면

해당 브라우저에서 속도가 빠른지 느린지 알 수 있습니다.

다음은 관련 포스트 입니다.

지금까지 웹사이트 속도 측정, 퍼포먼스 점수 확인 가능한 Site 에 대해 알아봤는데요~

오늘 내용 유익하셨나요~? 혹시 낮은 점 수를 얻으셨다면? 너무 좌절하지 마시길 바랍니다. 위에 결과 데이터가 절대적인 수치는 아니며, 사 이 트 운영법에 따라 서버상태에 따라 그때그때 결과데이터가 변할 수 있습니다. 그리고 전문적인 웹전문가가 아니시라면 직접 오류들을 수정하는 작업은 사실상 매우 어렵습니다. 변경을 하더라도 티스토리 블로그의 경우는 개인이 손댄다고 해서 점 수가 조금더 올라갈 수는 있겠으나 만점에 가깝게 변경을 사싱상 불가능 합니다. 속 도 빠른 값비싼 자체 서버 운영을 하는 것이 아니라면..

그럼

단기간에 점 수를 올릴 수 있는 방법은?

1. 구글 애드센스 나 클릭몬, 텐핑, 애드핏 같은 광고를 page 삽입 하고 계신다면?

광고의 갯수를 줄이시면 도움이 됩니다.

2. 움짤(움직이는 사진) GIF 이미지를 가능한 만드는 것을 줄이거나 삽입하지 않는 것이 도움이 됩니다.

3. 고용량 사진, 동영상 등을 Page 내에 많이 업로드 하지 않는것이 도움이 됩니다. (업로드 시 압축해 사용하면 이부분을 어느정도 해결이 됨)

이상 입니다.

항상 건강하시고 좋은일들만 가득하시길 바래요^^ 감사합니다.