홈페이지 속도 개선은 기술 점수를 올리는 일이 아니라 고객이 기다리다 뒤로 가기를 누르지 않게 하는 일입니다. 검색에서 들어온 고객 대부분은 휴대폰으로 보고, 첫 화면이 몇 초 안에 뜨지 않으면 바로 옆 검색 결과로 넘어가는 편입니다. 아래 7가지는 느린 홈페이지에서 가장 자주 나오는 원인과, 워드프레스 기준으로 먼저 손볼 순서입니다.
속도는 “PC에서 빠른지”가 아니라 “휴대폰에서 첫 화면이 언제 뜨는지”입니다
사무실 PC와 빠른 와이파이에서는 대부분의 홈페이지가 빠르게 보입니다. 문제는 고객이 보는 환경입니다. 이동 중인 휴대폰, 오래된 기종, 약한 통신 상태에서는 같은 홈페이지가 몇 배 느리게 열리고, 특히 첫 화면의 큰 사진이나 영상이 다 받아질 때까지 빈 화면이 이어지는 경우가 많습니다.
구글은 페이지 경험을 보는 기준으로 코어 웹 바이탈을 안내합니다. 첫 화면의 가장 큰 요소가 뜨는 시간(LCP, 2.5초 이내 권장), 누른 뒤 반응하는 시간(INP, 200밀리초 이내 권장), 화면이 밀려 흔들리는 정도(CLS, 0.1 이하 권장) 세 가지입니다. 네이버도 모바일에서 읽기 좋은 페이지를 선호하는 편이라, 홈페이지 속도 개선은 두 검색엔진 모두에서 기본기에 해당합니다. 제작 단계에서 함께 보면 좋은 항목은 홈페이지 제작 체크리스트에 정리돼 있습니다.
이런 상황이라면 확인해 보세요
먼저 재 보세요 — 속도 측정은 무료 도구로 충분합니다
홈페이지 속도 개선은 측정부터 시작합니다. 구글의 PageSpeed Insights에 주소를 넣으면 모바일·PC 점수와 함께 LCP·INP·CLS 수치, 무엇이 느리게 하는지를 항목별로 보여 줍니다. 점수 자체보다 “모바일” 탭의 LCP와 느린 원인 목록을 보는 편이 실제 개선에 가깝습니다. 홈페이지를 구글 서치콘솔에 등록해 두었다면 코어 웹 바이탈 리포트에서 실제 방문자 기준으로 느린 페이지 묶음을 확인할 수 있습니다.
측정은 메인만 하지 말고, 검색에서 실제로 들어오는 서비스 페이지와 글 페이지까지 두세 개를 함께 보는 편이 좋습니다. 메인은 빠른데 사진이 많은 서비스 페이지만 느린 경우가 흔합니다. 서치콘솔이 아직 없다면 서치콘솔 등록 방법을 먼저 보세요.
가장 흔한 원인은 이미지 — 크기와 형식부터
느린 홈페이지의 절반 이상은 이미지에서 원인이 나오고, 홈페이지 속도 개선도 대부분 여기서 가장 큰 차이가 납니다. 휴대폰이나 카메라 원본 사진은 한 장에 몇 MB인 경우가 많은데, 화면에 보이는 크기는 가로 몇백~천몇백 픽셀이면 충분합니다. 보이는 크기에 맞게 줄이고 WebP 형식으로 저장하면 같은 화질에서 용량이 크게 줄어드는 편입니다.
첫 화면 아래에 있는 이미지는 스크롤해서 가까워질 때 불러오게(지연 로딩) 하고, 반대로 첫 화면의 대표 이미지는 먼저 불러오게 해야 LCP가 줄어듭니다. 이미지 크기(가로·세로)를 미리 지정해 두면 사진이 뜨면서 글자가 밀리는 현상(CLS)도 함께 줄어듭니다.
자동재생 영상과 무거운 효과는 첫 화면 밖으로
첫 화면 배경 영상, 큰 슬라이더, 3D·애니메이션 효과는 보기 좋지만 휴대폰에서는 가장 큰 짐입니다. 영상은 화면에 들어올 때 재생되게 하고, 그 전에는 대표 이미지(포스터)만 보이게 하면 첫 화면은 가볍게 유지하면서 움직임은 살릴 수 있습니다. 슬라이더는 첫 장만 먼저 보이게 하고 나머지는 나중에 불러오는 편이 좋습니다.
에이치디웹이 만드는 홈페이지도 움직임이 많은 편이라, 무거운 효과는 해당 구간에 들어올 때 불러오고 영상은 미리 받지 않게 설정해 첫 화면을 가볍게 유지합니다. 효과를 빼는 것이 아니라 불러오는 순서를 바꾸는 것이 핵심입니다.
플러그인·캐시·호스팅은 워드프레스의 기본 점검 항목
워드프레스는 플러그인이 쌓일수록 페이지마다 불러오는 파일이 늘어납니다. 쓰지 않는 플러그인은 비활성이 아니라 삭제하고, 같은 기능을 하는 플러그인이 둘 이상이면 하나로 정리합니다. 캐시 플러그인은 매번 새로 만들던 페이지를 저장해 두었다가 바로 내보내 주기 때문에, 설정만 제대로 해도 체감 속도가 크게 달라지는 편입니다.
호스팅은 홈페이지 속도 개선에서 마지막에 보지만 영향이 큽니다. 너무 저렴한 공유 호스팅이나 해외 서버는 첫 응답부터 느린 경우가 많아, 국내 고객이 대부분이라면 국내 서버나 CDN을 함께 쓰는 편이 안정적입니다. 속도는 순위를 직접 올려 주는 요소라기보다 들어온 고객을 놓치지 않게 하는 조건에 가깝고, 순위 자체는 웹사이트 상위노출에서 따로 다룹니다.
홈페이지 속도 개선에서 먼저 볼 항목 6가지
| 증상 | 먼저 의심할 것 | 조치 |
|---|---|---|
| 첫 화면이 오래 하얗다 | 큰 대표 이미지 · 배경 영상 | 이미지 줄이기·WebP · 대표 이미지 먼저 불러오기 |
| 뜨는 도중 글자가 밀린다 | 크기 없는 이미지 · 늦게 뜨는 배너 | 이미지 가로·세로 지정 · 배너 자리 미리 확보 |
| 버튼을 눌러도 반응이 늦다 | 무거운 스크립트 · 플러그인 과다 | 안 쓰는 플러그인 삭제 · 외부 스크립트 정리 |
| 모든 페이지가 느리다 | 호스팅 · 캐시 없음 | 캐시 플러그인 설정 · 서버 응답 시간 확인 |
| 사진 많은 페이지만 느리다 | 원본 사진 업로드 | 사진 일괄 줄이기 · 지연 로딩 |
| PC는 빠른데 폰만 느리다 | 모바일에서도 PC용 큰 이미지 사용 | 모바일용 크기 이미지 · 첫 화면 효과 줄이기 |
홈페이지 속도 개선 순서 7단계
- 모바일로 측정하기홈페이지 속도 개선의 출발점입니다. 메인과 서비스 페이지 두세 개를 PageSpeed Insights 모바일 탭으로 재고 LCP와 원인 목록을 적어 둡니다.
- 이미지 줄이기보이는 크기에 맞춰 줄이고 WebP로 바꿉니다. 새로 올리는 사진도 같은 기준으로 올리게 규칙을 정합니다.
- 첫 화면 정리대표 이미지는 먼저 불러오고, 아래쪽 이미지는 지연 로딩. 이미지 가로·세로 크기를 지정합니다.
- 영상·효과 순서 바꾸기배경 영상은 포스터 이미지로 먼저 보이게 하고 화면에 들어올 때 재생. 슬라이더는 첫 장만 먼저.
- 플러그인 정리안 쓰는 플러그인은 삭제하고 겹치는 기능은 하나로 합칩니다.
- 캐시 설정캐시 플러그인을 켜고, 수정 후에는 캐시를 비워 바뀐 화면이 보이는지 확인합니다.
- 다시 측정하고 호스팅 판단다시 재서 그래도 첫 응답이 느리면 호스팅·서버 위치를 봅니다. 서치콘솔 코어 웹 바이탈 리포트로 실제 방문자 기준도 확인합니다.
자주 묻는 질문
PageSpeed 점수가 100점이어야 하나요?
홈페이지 속도 개선을 하면 상위노출이 되나요?
이미지를 줄이면 화질이 나빠지지 않나요?
움직이는 효과가 많은 홈페이지는 느릴 수밖에 없나요?
캐시 플러그인을 켰더니 수정한 내용이 안 보여요.
에이치디웹은 홈페이지 속도 개선도 해 주나요?
월보장 기준. 클릭당 과금(CPC)이 아닌 월 정액입니다. 작업 시작 전에는 비용을 받지 않으며, 약속한 키워드가 통합검색 1페이지에 진입한 날 첫 월보장 금액을 입금하시고 이후 노출 25일을 채울 때마다 연장금을 입금합니다. 또는 매월 1일에 지난달 실제 노출일수를 25일 기준으로 일할 계산한 연장금을 입금하는 방식으로도 진행합니다. 노출되지 않은 날은 일수에 포함되지 않습니다. 홈페이지 제작은 단독으로도 가능하며, 상위노출 월보장과 함께 진행할 때 위 기준이 적용됩니다.