구글에서 제공하는 사이트 및 블로그 속도 측정 서비스 PageSpeed Insights를 아시나요?

2023-02-02

블로그나 웹 사이트를 운영하시는 분들이라면 알고 계셔야할 내용 중 중요한 내용으로 구글 스피드 인사이트 영문명 PageSpeed Insights에 대해서 알아보고자 합니다. 내 블로그나 웹사이트의 속도가 느려 화면에 보여주는 로딩이 길어 진다면 방문자의 이탈률이 높아지게 되며 이는 사이트의 점수가 낮아지는 원인이 되기 때문에 주기적으로 속도를 측정해보고 필요하다면 수정을 통해 빠른 속도를 유지해 주어야 합니다.

PageSpeed Insights

구글에서는 블로그나 웹 사이트의 로딩 속도를 측정해주는 서비스를 제공하고 있습니다. 바로 PageSpeed Insights인데요. 이 서비스를 이용하면 현재 내 사이트나 블로그의 속도에 대해 점수로 알려주고 어떠한 문제로 속도가 느린지 그 내용까지 알려주는 유용한 서비스 입니다.

또한 Chrome브라우저를 사용하는 경우 Lighthouse 라는 오픈 소스 도구를 사용해 Chrome 사용자 경험 보고서 데이터와 실제 데이터가 결합된 실험실 데이터를 수집하고 분석할 수 있습니다.

이 두 가지 도구로 측정한 결과는 사이트의 성능과 권장 사항을 요약한 점수를 말하며 이 점수는 SEO에 반영되어 지수에 많은 영향을 미치는 아주 중요한 구글 SEO 최적화 항목들을 나타냅니다

페이지스피드 인사이트 점수

구글에서는 90점 이상의 모든 점수는 좋은 것으로 간주되고 100이라는 점수는 일관되게 달성하기가 매우 어렵습니다. 구글 스피드 인사이트를 통해 내 블로그나 웹 사이트가 구글에 얼마나 최적화 되어 있는지 확인이 가능합니다.

총 점수는 각 가중치 메트릭의 값에 따라 세 가지로 나뉩니다.

좋음 90-100점
개선 필요 50-89점
나쁨 1-49점

검색 방법

구글 스피드 인사이트라고 검색을 하시거나 아래의 링크를 따라 해당 페이지로 이동해 URL주소를 입력한 뒤 분석을 클릭해 주시면 됩니다.

PageSpeed Insights 바로가기>>>
웹페이지 URL 입력
분석 클릭

검색 결과 보기

제 블로그의 속도 측정을 확인해 보았습니다. 모바일과 데스크톱 두 가지 성능을 모두 분석 할 수 있습니다. 저의 경우 모바일의 경우 성능 빼고는 결과가 좋았으며 데스크톱의 경우 접근성이 부족하다는 결과가 나왔습니다.

결과 보고는 다음과 같은 항목으로 나누어 보여줍니다.

전체 점수
측정 항목
추천
진단

모바일 전체 점수

성능, 접근성, 권장사항, 검색엔진 최적화 네 가지 항목으로 결과 값이 나옵니다. 성능이 매우 낮게 측정 되었네요.

성능 55
접근성 90
권장사항 100
검색엔진 최적화 100

데스크톱 전체 점수

데스크톱의 측정 결과는 꽤 준수한 편으로 보입니다. 그러나 접근성이 부족한 건 조금 아쉽습니다.

성능 99
접근성 90
권장 사항 100
검색엔진 최적화 100

측정 항목

위 결과 내용을 스크롤 해서 아래로 내려가면 항목 별 세부 내용이 나오게 됩니다. 대부분 모바일 측정 값은 낮게 나오더군요.

측정 항목 세부 내용

측정 항목에 대한 세부 내용은 다음과 같습니다.

First Contentful Paint(FCP)

사용자가 화면에서 페이지 콘텐츠를 볼 수 있는 첫 번째 시점입니다.

Speed Index(SI)

속도 지수를 말합니다. 얼마나 콘텐츠를 빠르게 표시해 주는지 측정해 주는 지표입니다.

Time to Interactive(TTI)

사용자의 상호작용을 고려한 지표로 안정적으로 상호작용을 하는데 걸리는 시간을 말합니다.

Total Blocking Time(TBT)

FCP와 TTI 사이에 페이지가 사용자와 안정적으로 상호 작용하지 못하는 시간을 말합니다.

Largest Contentful Paint(LCP)

가장 큰 콘텐츠 요소가 화면에 완전히 표시될 때 까지 걸리는 시간입니다.

Cumulative Layout Shift(CLS)

사용자가 예상치 못한 레이아웃 변경을 경험하는 빈도입니다. 기존 위치에서 움직였을 때 사용자에게 미치는 영향을 수치로 나타낸 것입니다.

속도를 향상 하는 방법

위와 같은 문제를 해결하기 위해서는 웹에 대한 전문적인 지식을 습득해야 해결이 가능할 것으로 보여집니다. 일반 분들이 해결하기는 쉽지 않은 문제일 겁니다. 그러나 저와 같은 구글 블로그를 사용하는 일반 분께서 할 수 있는 방법 세가지 정도를 말씀 드리겠습니다.

테마 변경

블로그의 테마를 변경해서 속도 향상을 할 수 있습니다. 구글에서 제공하는 기본 테마도 좋은 것들이 많지만 디자인과 SEO적으로 최적화된 구글 블로그 테마를 선택하는 방법이 아마 최고 빠른 길이라고 생각 되어집니다.

웹 폰트 제거

위의 진단 결과를 하나씩 살펴 보니 폰트로 인해 발생한 내용이 있었습니다. 단, 웹 폰트를 제거하면 속도가 조금은 빨라 질 수 있으나 글꼴이 안 이뻐 보일 수 있습니다.

이미지 최적화

블로그에서 용량의 대부분을 차지하는 것이 아마도 이미지 일 것입니다. 이미지를 첨부해 내용에 대한 이해도를 높이고 직접 찍은 고유 이미지는 블로그 지수에도 많은 영향을 미치게 됩니다.

JPG대신 JPEG XR, JPEG 2000, WebP와 같은 이미지로 변환 해서 최적화된 이미지를 사용하는 것이 좋습니다.

이미지의 용량은 줄이고 해상도가 떨어지지 않게 최적화 하는 방법을 추천드립니다. 이미지 용량 줄이는 방법은 아래의 포스팅 내용을 살펴보시면 도움이 되실 겁니다.

▶블로그 속도 개선 사진용량 줄이는 방법

이것으로 구글에서 제공하는 사이트, 블로그 속도 측정 서비스 PageSpeed Insights에 대한 내용을 마치도록 하겠습니다. 블로그를 운영하시는데 조금이나마 도움이 되었으면 좋겠습니다. 감사합니다.

#블로그 #블로그스팟