SoftWare

[PageSpeed Insights] 웹 페이지를 개선하자

zamezzz 2019. 6. 10. 22:28

 PageSpeed Insights란?

 

구글에서 제공하는 훌륭한 서비스 중 하나인 PageSpeed Insights에 대해서 정리하겠습니다.

 

PageSpeed Insights (PSI)는 모바일 및 pc에서의 웹 페이지에 대해 분석하고 해당 페이지의

 

성능을 향상 시킬 수 있는 방법을 제안해주는 서비스입니다.

 

개발한 페이지의 성능을 확인함을 물론 이를 쉽게 개선할 수 있도록 도움을 주고 있습니다. 

 

 사용 방법

 

먼저 웹 페이지를 분석하기 위해서는 아래 url로 접속합니다.

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

 

 

화면 중앙에 보이는 URL입력 창에 확인하고자 하는 URL을 입력 후 분석을 누르면 끝입니다.

 

PSI에 대한 자세한 가이드는 위 그림의 DOCS를 클릭 후 이동하시면 확인 가능합니다.

 

저는 예시로 제 블로그를 한번 분석해보겠습니다.

 

77점이 나왔네요.

 

그래도 이정도면 꽤 양호한 점수인 것 같습니다.

 

페이지를 아래로 내려보시면 이제 '추천'과 '진단' 항목을 확인할 수 있습니다.

 

먼저 추천은 현재 웹 페이지의 로드 속도를 향상시킬 수 있는 방법을 제시해줍니다.

 

그리고 진단 항목에서는 애플리케이션 성능을 향상시킬 수 있는 방법을 제시해줍니다.

tistory는 제가 조치할 수 있는 사항이 없기에... 개선 후 테스트는 하지는 않았습니다.

 

하지만 직접 개발한 웹 페이지는 즉각적으로 위에서 제시한 방법을 적용하여 그 성능을

 

충분히 향상시킬 수 있습니다.

 

혹시나 현재 개발하신 웹 페이지의 성능 측정 및 개선을 하시고 싶다면 구글에서 제공하는

 

PageSpeed Insights를 꼭 한번 사용해보셨으면 합니다.

 

사용법도 매우 간단하고 그 결과 또한 괜찮기 때문입니다.

 

감사합니다.

반응형

'SoftWare' 카테고리의 다른 글

[iOS12] 신규 기능 및 개선 소식  (0) 2018.07.13
[반디캠] 설치 및 사용법  (0) 2018.03.06
[소개] CodePen.io  (0) 2018.02.08
[Homebrew] 설치 및 사용법  (1) 2018.01.23
[에버노트] 설치 및 사용법  (0) 2017.12.26