블로그 글이 아무리 좋아도 페이지가 느리게 열리면 방문자는 기다리지 않고 떠납니다. 구글도 페이지 경험을 검색 품질 평가에 참고하며, 그 기준으로 코어 웹 바이탈이라는 지표를 사용합니다. 이 글에서는 코어 웹 바이탈 세 가지 지표의 의미와 워드프레스에서 초보자도 할 수 있는 속도 개선 방법 7가지를 정리했습니다.
코어 웹 바이탈이란?
코어 웹 바이탈은 구글이 사용자 경험을 측정하기 위해 정한 핵심 지표입니다. 현재는 다음 세 가지로 구성되어 있습니다.
| 지표 | 의미 | 좋음 기준 |
|---|---|---|
| LCP(최대 콘텐츠풀 페인트) | 화면에서 가장 큰 요소가 나타나기까지 걸리는 시간 | 2.5초 이하 |
| INP(다음 페인트까지의 상호작용) | 클릭 같은 동작에 화면이 반응하기까지 걸리는 시간 | 200밀리초 이하 |
| CLS(누적 레이아웃 이동) | 로딩 중 화면 요소가 갑자기 밀리는 정도 | 0.1 이하 |
속도는 검색 순위를 정하는 여러 신호 중 하나일 뿐이고, 콘텐츠의 품질과 관련성이 더 중요합니다. 하지만 비슷한 수준의 글이라면 빠르고 쾌적한 페이지가 방문자 만족도와 체류 시간에서 유리합니다.
내 사이트 속도 측정하기
구글의 PageSpeed Insights에 사이트 주소를 넣으면 모바일과 데스크톱 점수, 그리고 개선할 항목을 알려 줍니다. 방문자가 어느 정도 쌓이면 서치 콘솔의 코어 웹 바이탈 보고서에서도 실제 사용자 데이터를 볼 수 있습니다. 모바일 점수가 보통 더 낮게 나오므로 모바일 기준으로 개선하는 것이 좋습니다.
속도 개선 방법 7가지
1. 가벼운 테마 사용하기
화려한 기능이 많은 테마는 불필요한 스크립트와 스타일을 함께 불러와 속도를 떨어뜨립니다. 블로그라면 기본 기능 위주의 가벼운 테마를 고르는 것이 유리합니다.
2. 이미지 최적화하기
속도 저하의 가장 흔한 원인은 큰 이미지입니다. 업로드 전에 화면에 필요한 크기로 줄이고, WebP처럼 용량이 작은 형식으로 저장하세요. 이미지에 가로세로 크기를 지정해 두면 로딩 중 화면이 밀리는 CLS 문제도 줄일 수 있습니다.
3. 캐시 플러그인 설치하기
캐시는 이미 만들어 둔 페이지를 저장했다가 바로 보여 주는 기능입니다. 캐시 플러그인을 하나 설치하면 서버가 매번 페이지를 새로 만들지 않아도 되어 로딩 속도가 빨라집니다. 호스팅에서 자체 캐시를 제공한다면 플러그인과 중복되지 않게 하나만 쓰세요.
4. 플러그인 정리하기
쓰지 않는 플러그인은 비활성화가 아니라 삭제하는 것이 좋습니다. 같은 기능을 하는 플러그인이 여러 개 있다면 하나만 남기세요. 플러그인 수보다 각 플러그인이 얼마나 무거운지가 더 중요합니다.
5. 지연 로딩 활용하기
지연 로딩은 화면 아래쪽 이미지를 사용자가 스크롤할 때 불러오는 방식입니다. 워드프레스는 기본적으로 이미지 지연 로딩을 지원하므로, 다른 플러그인이 이 기능을 끄지 않았는지 확인하세요. 다만 첫 화면에 바로 보이는 대표 이미지는 지연 로딩에서 빼는 것이 LCP에 유리합니다.
6. 외부 스크립트 줄이기
여러 분석 도구, 채팅 위젯, 소셜 공유 버튼은 각각 외부 스크립트를 불러옵니다. 꼭 필요한 것만 남기면 INP와 LCP가 함께 좋아집니다.
7. 호스팅과 PHP 버전 점검하기
서버 자체가 느리면 다른 노력의 효과가 제한됩니다. 호스팅 관리 화면에서 최신 안정 버전의 PHP를 사용하고 있는지 확인하고, 방문자가 늘면 호스팅 사양을 검토하세요.
개선 작업 전 주의할 점
- 설정을 바꾸기 전에 사이트 전체를 백업하세요.
- 한 번에 하나씩 바꾸고 점수와 화면을 확인해야 문제가 생겼을 때 원인을 찾기 쉽습니다.
- 점수 100점을 목표로 하기보다 실제 체감 속도와 사용성을 기준으로 판단하세요.
모바일 속도 점검 체크리스트
방문자 대부분은 스마트폰으로 블로그에 들어옵니다. 데스크톱에서는 빠른데 모바일에서 느리다면 아래 항목을 차례로 점검해 보세요.
- 첫 화면 대표 이미지 크기: 모바일 화면 너비보다 훨씬 큰 이미지를 그대로 쓰고 있지 않은지 확인합니다.
- 팝업과 배너: 페이지를 열자마자 화면을 가리는 팝업은 사용자 경험을 해치고 레이아웃 이동의 원인이 됩니다.
- 웹 폰트 개수: 글꼴을 여러 종류 불러오면 글자가 늦게 표시될 수 있습니다. 한두 가지로 줄이세요.
- 광고 영역 자리 잡기: 광고가 늦게 뜨면서 본문이 아래로 밀리지 않도록 광고 영역의 높이를 미리 확보해 두세요.
- 실제 기기로 확인: 측정 도구 점수와 함께 내 스마트폰으로 직접 열어 보고 체감 속도를 확인하세요.
개선 우선순위 정하는 법
PageSpeed Insights는 여러 개선 항목을 한꺼번에 보여 주기 때문에 무엇부터 해야 할지 막막할 수 있습니다. 이럴 때는 효과가 크고 작업이 쉬운 것부터 처리하세요.
일반적으로 이미지 최적화와 캐시 설정이 가장 먼저이고, 그다음이 불필요한 플러그인과 외부 스크립트 정리, 마지막이 테마 교체나 호스팅 변경처럼 시간이 많이 드는 작업입니다. 작업 하나를 마칠 때마다 다시 측정해 실제로 개선되었는지 확인하면 헛수고를 줄일 수 있습니다.
자주 묻는 질문
Q. 점수가 낮으면 애드센스 승인에 불리한가요?
A. 속도 점수가 승인 기준으로 공개된 적은 없습니다. 다만 너무 느리면 사용자 경험이 나빠지므로 기본적인 최적화는 해 두는 것이 좋습니다.
Q. 광고를 달면 속도가 느려지나요?
A. 광고 스크립트가 추가되면 어느 정도 영향이 있을 수 있습니다. 광고 개수를 적정하게 유지하고 나머지 요소를 가볍게 관리하세요.
Q. 측정할 때마다 점수가 다른 이유는 무엇인가요?
A. 네트워크와 서버 상태에 따라 결과가 달라지기 때문입니다. 여러 번 측정한 평균으로 판단하세요.
마무리
워드프레스 속도 개선은 이미지 최적화, 캐시, 플러그인 정리 같은 기본 작업만으로도 큰 효과를 볼 수 있습니다. 코어 웹 바이탈 세 가지 지표를 기준으로 하나씩 점검해 보세요. 구글의 지표 기준은 바뀔 수 있으니 PageSpeed Insights와 구글 공식 문서에서 최신 기준을 함께 확인하시기 바랍니다.
답글 남기기