웹페이지 접속 테스트 - webpeiji jeobsog teseuteu

웹 사이트 혹은 웹 서비스를 글로벌 사용자들을 대상으로 제공하고자 할 때 가장 걸리는 것이 바로 속도문제입니다. 내 서버가 어디에 위치하고 있느냐에 따라 엔드유저가 접근하는 시간이 달라질 수 밖에 없기 때문입니다. 아마존과 같은 클라우드 인프라 서비스는 세계 여러곳에 지역(Region) 센터를 두고 있어 이런 문제점을 어느정도 해결할 수 있게 해주고 돈을 조금 들인다면 아카마이와 같은 CDN 서비스를 통해 손쉽게 웹 트레픽의 속도를 보장할 수 있습니다.

그렇지만 개인 개발자라던가 아직 서비스에 대한 클라우드 인프라 투자, CDN 전송망의 사용이 힘든 상황이라면 얘기가 조금 다릅니다. 이런 경우라면 최대한 웹 사이트를 최적화하여 HTTP 세션이 맺어지는 불가피한 오버헤드를 제외한 나머지 웹 컨텐츠, 오브젝트에 대해서는 최대한 최적화를 하는 것이 필요합니다. 그런데 최적화를 하려면 현재 상태를 알아야 합니다. 도대체 미국, 프랑스, 영국, 호주 등 외국에서 내 웹사이트에 접근했을 때 속도는 어떻게 측정해야 할까요?

웹페이지 접속 테스트 - webpeiji jeobsog teseuteu

 

해외로도 발이 아주 넓어 각지에 친구가 있는 경우라면 웹 사이트 접속해보면서 시간을 재달라고 하면 되겠지만 현실적으로 그러기는 너무 힘이들죠. 이런 노고를 위해 착한 사람들이 만든 착한 웹 사이트, 웹페이지 테스트(http://www.webpagetest.org)를 이용하면 어렵지 않게 세계 각지에서의 속도 측정을 할 수 있습니다.

여러가지 심도있는 테스트는 Advanced Settings 를 통해서 할 수 있습니다만 간단하게 URL 을 입력하고 테스트 지역을 선택하는 것 만으로도 기본적인 데이터를 모두 뽑아볼 수 있습니다. 브라우저 User-Agent 값을 변경시켜 가면서 웹 사이트를 테스트 할 수 있는 기능도 제공되기 때문에 여러가지로 유용한 서비스라 하겠습니다. 어차피 HTTP Request / Response 로 분석을 해주는 서비스이기 때문에 우리가 흔히 아는 웹 사이트를 가지고 속도 테스트를 해봐도 상관 없습니다.  트위터를 가지고 한번 해보니 아래와 같은 결과가 나오네요. 지역은 브라질 상파울로를 선택하고 브라우저는 크롬을 가지고 테스트 요청을 했습니다.

상세 화면으로 들어가면 파이어버그나 크롬 웹 개발자 도구를 이용하는 것과 같은 뷰를 볼 수 있습니다. 상세한 내용은 직접 보시면서 확인하면 될 것 같구요, 처음 테스트 결과가 나오는 화면에서 두번의 테스트를 하는 이유를... 혹시 아시나요? 아신다면 그대는 웹 사이트 튜닝 세계로 들어올 준비가 된 것입니다 ^^ 정답은 댓글로 물어보시면 답변해 드리는 것으로...

웹 페이지 성능 측정 서비스, WebpageTest 방문하기 [바로가기] 

- NoPD - 

싫다.. 인생이 싫다.. 언제쯤 ?

세상은 빠르게 변하지만, 여전히 머물러 있다. 다들 잘살기위해 노력하지만, 세상은 틀렸다. 땀을 흘리며 열심히 살아도, 그렇지 않은 사람들이 더 잘산다. 구별도 있고 차별도 있다. 신의 약속 따윈 세상에 없다. 신은 일찌감치 죽었거나, 무관심할 뿐이다...

웹페이지 접속 테스트 - webpeiji jeobsog teseuteu

  • 웹페이지 접속 테스트 - webpeiji jeobsog teseuteu

    전자제품 이야기를 할때 2000W 출력, 1000W 출력처럼 W 와트를 많이 말한다. 무조건 높으면 좋다고 생각하는 사람도 있는데 높으면 전기요금이 많이 나온다. W 와트는 전력이다. 전기의 力(힘) 이란 뜻이다. 전력을 구하는 공식은...

  • 웹페이지 접속 테스트 - webpeiji jeobsog teseuteu

    컴퓨터로 일본어를 입력하려면 일본어 키보드를 쓰면 편하겠지만, 자판배열을 외워야하는 단점이 있다. MS IME 를 사용하면, 간단히 발음 나는대로 영어로 입력을 하면, 일본어 입력을 할 수 있다. ~을 / ~를 에 해당하는 조사...

안녕하세요 늘보나무입니다!

오늘은 내가 관리하고 키워가는 웹사이트, 그러니까 저로 치자면 지금 보시는 이 웹사이트의 속도를 테스트하는 방법에 대해서 알려드리려고 합니다. 자신 뿐만 아니라 페이지를 방문하는 유저들에게 쾌적한 로딩 속도를 제공할 수 있다면, 더 많은 사람들이 유입되는데에도 도움이 되고, 사이트 유지보수에도 긍정적으로 작용하겠죠? 

구글 검색엔진에 로딩속도가 반영된다.

그래도 가장 중요한 부분은 구글의 검색엔진에 페이지의 로딩 속도가 반영된다는 점입니다. 2020년 5월 28일 구글 검색센터 블로그를 통해 발표된 "더 나은 웹을 위한 페이지 환경 평가"를 위해 구글 검색 알고리즘에 새로이 추가한 내용입니다. 이는 어떻게 보면 정말 당연한 결정이라고 생각됩니다. 로딩이 느린 페이지를 기다리는 유저들은 없습니다. 가독성이 떨어지는 페이지도 그렇구요. 이외에도 모바일 친화적인지 아닌지, https 보안 접속이 되는 페이지인지, 웹페이지에 과다하게 광고가 포함되는지 등이 구글 검색 알고리즘에 같이 반영되었습니다. 

developers.google.com/search/blog/2020/05/evaluating-page-experience

Evaluating page experience for a better web  |  Google 검색 센터 블로그

Thursday, May 28, 2020 Through both internal studies and industry research, users show they prefer sites with a great page experience. In recent years, Search has added a variety of user experience criteria, such as how quickly pages load and mobile-friend

developers.google.com

웹페이지 접속 테스트 - webpeiji jeobsog teseuteu

내 사이트의 로딩속도는 이것으로 테스트해보자

웹페이지 접속 테스트 - webpeiji jeobsog teseuteu
페이지 로딩속도 팍팍 나오게 밟아주세요!

그럼 어떻게 테스트하는게 좋을까요? 많은 사람들이 구글에 좋은 자리로 노출되는것을 원합니다. 구글에서 제공하고 있는 pagespeed insights 를 이용한다면 확실하게 검색엔진에 맞춰진 테스트를 할 수 있겠죠?

PageSpeed Insight는 이런 웹사이트입니다. 안내 부분 초입을 번역해 보았습니다. 

PageSpeed ​​Insights 정보
PageSpeed ​​Insights (이하 PSI)는 모바일 및 데스크톱 기기 모두에서 페이지의 성능을보고하고 해당 페이지를 개선 할 수있는 방법에 대한 제안을 제공합니다.
PSI는 페이지에 대한 실험실 및 현장 데이터를 모두 제공합니다. 랩 데이터는 제어 된 환경에서 수집되므로 성능 문제를 디버깅하는 데 유용합니다. 그러나 실제 병목 현상을 포착하지 못할 수 있습니다. 필드 데이터는 실제 사용자 경험을 캡처하는 데 유용하지만 더 제한된 메트릭 집합을가집니다. 두 가지 유형의 데이터에 대한 자세한 내용은 속도 도구에 대해 생각하는 방법을 참조하십시오.

성능 점수
보고서 상단에서 PSI는 페이지의 실적을 요약 한 점수를 제공합니다. 이 점수는 Lighthouse를 실행하여 페이지에 대한 랩 데이터를 수집하고 분석하여 결정됩니다. 90 점 이상이면 좋은 것으로 간주됩니다. 50-90은 개선이 필요한 점수이고 50 미만은 좋지 않은 것으로 간주됩니다.

developers.google.com/speed/pagespeed/insights/

웹페이지 접속 테스트 - webpeiji jeobsog teseuteu
구글에서 제공하는 웹페이지 속도 테스트 PageSpeed Insights

여기에 자신이 운영하는 사이트의 이름을 넣어봅니다. 넣을때에는

http://, https:// 모두 같이 넣어줍니다. 저는 제 블로그로 테스트를 해봅니다. 그러면 익숙한 '분석중'이 나온뒤 결과를 알려줍니다. 사이트의 로딩이 느려지면 그만큼 점수도 이후에 나옵니다.

웹페이지 접속 테스트 - webpeiji jeobsog teseuteu

그런 뒤 제 사이트의 결과를 봤더니... 모바일에서는 점수가 형편없네요. 더 개선해야 할 것 같습니다. 물론 점수를 바탕으로 여러가지 개선해야 할 내용들을 알려줍니다.

웹페이지 접속 테스트 - webpeiji jeobsog teseuteu

다만 PC웹에서는 그래도 점수가 나오는 편입니다. 사이트의 속도를 저해하는 여러 요소를 분석해주는것은 덤. 이를 바탕으로 속도 향상을 하는데 방향을 잡을 수 있습니다.

웹페이지 접속 테스트 - webpeiji jeobsog teseuteu

네이버는 점수가 어떨까? 해서 해봤더니 모바일에선 21점, PC웹(데스크탑)에서는 75점이 나오네요. 이처럼 여러분들이 잘 알고있는 웹사이트나, 롤모델로 삼고있는 사이트들의 점수도 직접 산출해 데이터를 뽑아본다면 좋겠죠? 


그밖의 사이트 측정 툴

1. Pingdom tools.pingdom.com/ : 아마도 가장 유명한 웹사이트 속도 측정 사이트가 아닐까 싶습니다.

웹페이지 접속 테스트 - webpeiji jeobsog teseuteu

Pingdom Tools

Full Page Test Analysis

tools.pingdom.com

2. GTmetrix gtmetrix.com/: 전세계를의 지역중 랜덤으로 지역을 지정, 테스트를 해주는 사이트입니다. 글로벌한 비지니스를 하고 있다면, 전세계 어디든지 자신의 웹사이트의 접속이 원활해야 할텐데, 그런것을 테스트하기에 안성맞춤인 사이트입니다.

웹페이지 접속 테스트 - webpeiji jeobsog teseuteu

3. WEBPAGE Test www.webpagetest.org/ : 지역과 브라우저를 동시에 세팅해 다방면으로 접속 테스트를 해줄 수 있는 웹사이트입니다. 여러 환경에서 테스트를 해야할때 가장 좋은 툴을 제공해줍니다. 

웹페이지 접속 테스트 - webpeiji jeobsog teseuteu

여러분들의 사이트에도 도움이 되었으면 합니다.

늘보나무였습니다!