국내나 해외 판매를 위해서혹은 회사의 운영을 위해서는 쇼핑몰이든회사 소개 페이지든자사의 도메인을 보유하고 홈페이지를 운영하게 됩니다인터넷 상의 무수한 웹사이트들은 각자의 특성을 갖고 있으며 디자인기능 들에서 차별화를 두고자 합니다물론 여기에서  중요한 것이 바로 접속 속도입니다누군가가  웹사이트를 접속 했을 때에  페이지의 첫인상이 중요하기 때문에 여러 디자인과 컨텐츠를 구성하지만접속 속도가 느리다면 첫인상을 전하기는 커녕 이탈만 늘어날 뿐입니다.
 한참의 로딩을 버티지 못해 이탈하는 고객을 잡기 위해또한 실제 웹사이트의 간결한 운영과 실제 쇼핑몰에서의 구매홈페이지의 정보 전달의 효율성을 위해서는 웹페이지의 최적화를 통해 빠른 속도의 제공은 필수적입니다.
 이에여러 기업에서 웹페이지의 속도를 측정하고소스를 분석하여 불완전한 요소들을 지적해주고 변경을 제안하는 툴을 제공하고 있습니다.
 이번에는   간단하고 직관적으로 페이지 속도의 평가를 알아볼  있는 분석 툴인 Google PageSpeed Insights  소개합니다.

Google PageSpeed Insights

PageSpeed Insights  구글의 설명으로는
PageSpeed Insights 정보 PageSpeed Insights는 웹페이지의 콘텐츠를 분석하여 페이지의 속도를 개선할 수 있는 방법을 추천해 줍니다.” 라고 합니다.

 구글에서 제공하는  많은 서비스 개발자(developers에게 제공되는 유용한 툴이 많습니다 개발자가 아니더라도 쉽게 접근하여 활용할  있는 PageSpeed Insights비교적 어렵지 않게 접근이 가능합니다.

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

사용법
 기본 사용법은 간단합니다. “ 페이지 URL 입력” 이라는 검색란에 분석하고자 하는 웹사이트 주소를 넣고 “분석 클릭하면 분석이 시작됩니다 홈페이지  아니라다른 웹사이트도 URL 넣으면 분석이 가능합니다.
예시 사이트로 네이버를 넣어볼까요. (http:// 등을 넣지 않아도 자동으로 들어갑니다.)
 웹사이트 주소를 입력하는 것에서 분석이 시작됩니다.

  내의 분석이 완료 되면 아래와 같은 분석 결과가 나타납니다.
모바일과 데스크탑으로 나뉘어 분석하며 가장 상단에 나타내어 약간은 잔인하게  결과를 표시해 줍니다.

위의 결과를 보니많은 부분에서 최적화가 부족하다고  하고 있습니다 항목에 대해 어떠한 부분에서 최적화가 되어있지 않은지 알려주고그에 따른 해결 방법을 제시합니다. “해결 방법 보기”  클릭하면 상세한 설명이 나타납니다.

이미지의 경우이미지를 최적화 하여 줄일  있는 이미지의 용량감소 비율 등을  파일마다 나타내고 링크로 나타난 “다음이미지를 최적화 하면”  클릭해서 구글에서 안내하는 최적화(이미지 압축) 방법을 설명하는 안내 페이지로 넘어가서 상세한 설명을 확인할  있습니다다만 해당 내용은 자바스크립트 삭제, CSS 대한 부분캐싱이나 서버의 응답시간 단축 접근이 어렵거나 개발자가 아닌 웹사이트의 관리자 측면에서 약간은 접근하기 어려운 부분도 있습니다.

분석 효과

PageSpeed Tool 페이지를 최적화 시켜주는 툴이 아닙니다웹사이트에 접속하여 속도를 측정하고 느리게 하는 요소가 무엇인지 분석하여 표시할 뿐입니다
또한 실제로 모든 점수를 만족하는 웹사이트는 생각보다 그리 많지 않습니다.
 예를 들어구글의 자사 사이트인 google.com으로 분석해보겠습니다.

구글의 모바일  페이지는 단순히 검색창만 나타난 사이트입니다그럼에도 불구하고또한 구글의 대표적인  페이지인데모바일에서 78점으로, Needs Work 표시됩니다. (데스크답은 89점으로 Good 점수를 받았습니다.

분석은  그대로 분석입니다.
이를 바탕으로 웹사이트에서 중요하게 바꿔야 하는 부분을 수정하고조금씩 완성해 나가는 것이 최적화의  걸음입니다

 

0 답글

댓글을 남겨주세요

Want to join the discussion?
Feel free to contribute!

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다

38 − 35 =