구글 블로그 모바일 친화성 테스트와 속도 체크하는 방법

구글 블로그 모바일 친화성 테스트와 속도 체크하는 방법

 

환경: Internet Explorer 11

 

점점 스마트폰 사용량이 늘어나면서 모바일 환경을 통해 블로그를 접속하는 사람들이 늘어나고 있습니다. 이런 추세를 대비하기 위해서는 블로그가 모바일 친화적으로 개발이 되어 있는지 점검해 볼 필요가 있습니다. 다른 도구는 필요없고 구글 개발자들을 위한 사이트에서 무료로 테스트가 가능합니다. 구글에서 제공하는 진단 사이트를 통해 개선할 부분이 있는지 점검해 보기 바랍니다. 

 

▼ 아래 메시지는 몇 개월전에 온 내용입니다. 티스토리는 휴대기기로 접속하면 그에 맞는 웹페이지를 보여주기 때문에 모바일 친화적으로 개발이 되어 있습니다. 자신의 블로그도 모바일 친화적인지 테스트해 보세요.  

 

▼ 링크주소를 클릭해서 친화성 테스트 페이지로 들어갑니다. 페이지 중앙 입력란에 테스트 하고 싶은 블로그나 사이트 URL 을 입력합니다. 그리고 오른쪽에 있는 [분석] 버튼을 클릭합니다. 

https://www.google.com/webmasters/tools/mobile-friendly/

 

▼ 분석은 오래 걸리지 않습니다. 분석 결과는 페이지 친화적인지 아닌지 간단하게 알려줍니다. 대부분 포털사이트에서 생성한 블로그이면 친화적으로 나올겁니다. 문제는 속도입니다. 

▼ 페이지 속도 개선을 위한 본석서비스는 아래 링크주소를 클릭하시면 들어갈수 있습니다. 친화성 테스트와 마찬가지로 URL 을 입력하고 [분석] 버튼을 누릅니다.  

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

 

▼ 그러면 모바일과 데스크톱의 두가지 경우를 따져서 분석해 주는데 모바일에서는 수정필요 진단이 나왔네요. 빨간색 느낌표는 수정을 필요로 하다는 표시입니다. 무슨 문제 인지 알아 보기 위해 [해결 방법 보기] 를 클릭합니다.

 

▼ 다음 서버에 링크되어 있는 jQuery 와 css 파일이네요. jQuery 파일이 로딩되지 않는 한 다른 자료들이 다운로드 되지 않으므로 필요한 소스만 뽑아서 HTML 에 넣으라는데 그건 불가능합니다. 다음(daum) 에서 조치하지 않는 이상 제가 수정할 것은 없군요.