구글 웹사이트 성능 테스트 도구 사용방법 (Google PageSpeed Insights) (SEO/최적화/속도)

 

 

개요

정식 명칭은 'Google PageSpeed Insights'입니다. 데스크톱(PC) 또는 모바일(Mobile)에서의 웹사이트의 성능을 분석하고 문제가 있을 경우에는 해결할 수 있는 방법을 제시해 주는 서비스입니다.

 

기능상세

실제 사용자의 경험 확인하기

-Largest Contentful Paint (LCP): 최대 콘텐츠풀 페인트

-First Input Delay (FID): 최초 입력 지연

-Cumulative Layout Shift (CLS): 누적 레이아웃 이동

-First Contentful Paint (FCP): 최초 콘텐츠풀 페인트

-Interaction to Next Paint (INP): 다음 페인트에 대한 상호작용

-Time to First Byte (TTFB): 첫 번째 바이트까지의 시간

 

성능 문제 진단하기

-성능: 페이지의 기본적인 성능 정도 (속도)

-접근성: 장애인, 고령자 등 모든 사용자가 고려된 정도

-권장사항: 페이지의 권장사항 반영 정도

-검색엔진 최적화: 페이지가 검색엔지 권고사항에 따르는 정도

 

사용방법

 

Google PageSpeed Insights에 접속합니다.

 

 

테스트할 웹사이트의 주소를 입력 후 [분석]을 클릭합니다.

 

 

일정 시간 '분석 실행 중'이 표시되고 좀 기다려줍니다.

 

 

결과가 나왔습니다. 휴대전화와 데스크톱을 선택하여 디바이스 별 성능 점수를 확인할 수 있습니다. 초록색, 노란색, 빨간색 순으로 최적화가 잘 된 겁니다.

 

*현재 블로그의 테스트인데 성능이 매우 낮게 나와서 약간은 충격이고 개선할 예정입니다. 이런 식으로 본인의 웹사이트를 테스트해 보고 문제점을 파악하여 개선하는 일련의 과정에 도움을 받을 수 있는 도구입니다.

 

 

하단으로 내려가면 문제점과 해결방법을 확인할 수 있습니다. 저는 '차세대 형식을 사용해 이미지 제공하기'가 가장 시급한 개선사항입니다.

 

 

해당 항목을 클릭해 보면 해결방법이 제시되어 있습니다. 이미지 형식을 범용이 아니라 웹용 이미지 형식으로 진행하라는 내용인데, 이 문제는 이미 인지하고 있었지만 귀찮아서 PNG, JPEG로 계속 진행했더니 쌓여서 문제가 되었나 봅니다. 이번 기회에 좀 바꿔볼 예정입니다.