PageSpeed Insights 점수 높이는 방법- 수익형 블로그 성장 일기 아홉 번째 이야기
블로그나 홈페이지를 운영함에 있어서 가장 신경 쓰는 부분이 스피드나 성능, 접근성일 것입니다. 이유는 SEO에 미치는 영향이 크기 때문입니다. 그러면 PageSpeed Insights(이하PSI)부분을 어떻게 해결하느냐가 관건인데 그 방법에 대해 설명해 보겠습니다.

PageSpeed Insights 란

PageSpeed Insights 설명
PageSpeed Insights 설명

위 이미지 내용은 구글에서 설명하는 PSI에 대한 내용입니다. 간추려 보면 아래와 같습니다.

  • PSI를 통해 구글 권장사항 준수 여부를 확인할 수 있다.
  • 구글에서 PSI 데이터를 기준으로 사이트 성능을 평가한다.
  • PSI 최적화 점수는 좋음, 보통, 낮음으로 평가한다.
  • 구글의 제안은 ‘권장사항’ 도달 여부이다.

위 내용에서 알 수 있듯이 구글은 PSI의 중요성을 말합니다. 달리 해석하면 PSI 점수에 따라 SEO의 영향도 달라질 수 있다는 말이 됩니다.

구글은 서치콘솔 대시보드 항목에 PSI 체크가 가능토록 했습니다. 이는 사용자가 PSI 확인을 통한 개선을 의미한다고 볼 수 있습니다.

일반적인 PSI 점수

아래 이미지를 보면 웹호스팅 후 아무런 조치를 하지 않았을 때 PSI 점수를 나타냅니다. 그림을 보면서 설명해 보겠습니다.

PSI점수 체크
PSI점수 체크

위 이미지는 제가 운영하고 있는 한 블로그의 PSI 점수를 체크했을 때 나타난 화면입니다. 색깔로 내용을 확인할 수 있는데, 권장사항은 푸른색으로 90~100점일 때이며, 주황색은 일종의 경고로 50~89점에 해당됩니다.

문제는 붉은색입니다. 0~49점일 때, 서치콘솔에서 ‘코어웹바이탈 실패’ 신호를 보냅니다. 위 내용을 보면 접근성이나 권장사항, 검색엔진 최적화 항목은 무난한 것으로 보이지만, 성능에 문제가 있는 것으로 나타났습니다.

보통 성능 부분은 사이트의 테마나 플러그인에 의한 영향으로 보이며, 접근성은 호스팅 서버 상태로 이해할 수 있습니다. 검색엔진 최적화는 랭크매스나 yost SEO 플러그인을 활용을 통해 점수를 상향 시킬 수 있습니다.

여러분들도 각각의 사이트에 대해 PSI 점수를 체크해 보시기 바랍니다. 위의 이미지 보다 훨씬 못한 경우도 있을 것입니다. 이 부분이 SEO 즉 검색 랭킹에 영향을 미친다면 그냥 간과할 문제도 아닙니다.

필자는 처음에 이를 개선하고자 이미지 크기를 조절해 보는 등, 되지도 않는 렌더링 차단 리소스 제거도 도전해 봤지만, 별 성과를 얻지 못했습니다.

PSI 개선 유료 플러그인을 쓸 것인가!

PSI 개선을 위한 대표 플러그인으로 Jetpack을 많이 사용하는 추세입니다. 이 플러그인은 유류와 무료로 구분되는데, 무료는 시스템 안정화와 속도를 향상 시키는데 한계가 따릅니다.

따라서 유료를 생각하게 되는데, 제일 저렴한 Security가격을 봤을 때, 월 US$9.95로 다소 부담되는 금액입니다. 속도를 개선함으로써 수익이 수직으로 상승한다면 큰 부담이 아닐 수 있지만, 현실이 그렇지 못하다는 것이 문제입니다.

이처럼 PSI에 관심을 기울이는 이유는 이 점수가 SEO 순위 결정 요인이 된다는 것이기 때문입니다. 구글(서치콘솔)에서는 코어웹바이탈이라는 별도의 항목을 생성해 사용자들이 PageSpeed Insights점수를 관리할 수 있도록 하고 있습니다.

그러면 코어웹바이탈이란 무엇인지 기본적으로 알고 넘어갈 필요는 있을 것 같습니다.

코어웹바이탈이란

웹 바이탈은 웹사이트 품질에 관한 통합 가이드 구글 이니셔티브입니다. 이 지표는 측정 도구를 단순화하고, 이용자들이 가장 핵심적인 측정 항목인 코어웹바이탈에 관심을 갖도록 합니다.

코어웹바이탈은 웹바이탈의 하위 개념으로, 사이트 소유자의 측정을 의무화 하고, 구글 도구(서치콘솔 등)에 표시됩니다. 코어웹바이탈은 즉각적인 측정이 가능하며, 실제 사이트 상황 및 환경을 반영합니다.

위 내용은 코어웹바이탈에 대한 개괄적 설명입니다. 보다 제세한 내용은 web.dev 사이트를 통해 확인해 볼 수 있습니다.

무료로 PageSpeed Insights점수 높이는 방법

아래 이미지를 보도록 하겠습니다. 이 사이트는 실제 운영 중인 블로그입니다. 물론 필수 플러그인만 8개 정도 설치했고, 포스트 갯수도 10개 미만이지만, All 100이라는 것은 대단한 결과라고 볼 수 있습니다.

PageSpeed Insights 올100 만들기
PageSpeed Insights 올100 만들기

그렇다면 위와 같은 경우가 어떻게 가능한 지에 대해 알아 보겠습니다. 비용이 발생하는 부분은 아니며, 단지 워드프레스 테마에 대한 제한은 받습니다.

유튜브나 블로그 방면에 많이 알려진 워플슬통(슬기로운 통계생활) 운영자이신 ‘이삭‘ 님께서 제작한 ‘All100’테마를 이용하면 가능해집니다.

이 테마는 블로그 운영자들이 많이 사용하는 제너레이트프레스에서는 사용할 수 없고, kadence테마를 설치해야 하는 조건이 따릅니다.

카덴스 테마에 대해 알고 나면, 제너레이트프레스 테마가 수익형 블로그 운영자들에게 절대적인 것은 아니다 라는 것도 알 수 있습니다.

방법은 아래와 같습니다.

블로그 및 유튜브 메뉴얼 이용 방법

  1. 초보자도 따라하는 워드프레스 블로그 만들기 7단계 (24년 최신)를 그대로 따라합니다.
  2. 블로그 포스트보다 설명이 필요한 분들은 유튜브 영상을 이용할 수 있습니다.
이삭님의 수익형 블로그 만들기 영상

유의해야 할 점은, 운영자가 설명한 것처럼 웹호스팅은 캐미클라우드를 선택하되, 반드시 아래 링크를 따라 접속해야 합니다.

위 설명 방법에 따라 캐미클라우드 웹호스팅 환경을 기반으로 워드프레스 설치 후, 카덴스 테마와 all100 세팅을 합니다. 이어 LiteSpeed Cache 설정을 하면 PageSpeed Insights 점수가 올100이 되는 신기한 현상을 경험 할 수 있습니다.

참고로 제 이전 블로그 글인 ‘퓨어스팸 직접조치 해결 방법‘ 도 위와 같은 방법으로 해결할 수 있었습니다. 이상으로 PageSpeed Insights 점수 높이는 방법에 대한 포스팅을 마치겠습니다.

Similar Posts