"사이트가 좀 느린 것 같은데, 그게 매출이랑 상관있나요?" 있습니다. 다만 흔히 인용되는 "1초 늦으면 전환 7% 감소" 같은 숫자는 그대로 믿으시면 안 됩니다. 특정 대형 커머스의 사례이고, 업종과 규모에 따라 전혀 다르게 나타납니다.
이 글은 속도가 실제로 어디에 영향을 주는지, 그리고 우리 사이트에서 어떻게 확인하고 무엇부터 고쳐야 하는지 정리한 것입니다.
30초 요약
- •속도는 전환뿐 아니라 검색 순위와 광고 단가에도 영향을 줍니다. 세 방향으로 손해가 납니다.
- •가장 중요한 건 LCP(첫 화면이 뜨는 시간)입니다. 2.5초 이내가 기준입니다.
- •느려지는 원인의 대부분은 이미지입니다. 코드보다 이미지를 먼저 보세요.
- •모바일 기준으로 측정하세요. 데스크톱은 대부분 빠르게 나옵니다.
- •점수 100점을 목표로 하지 마세요. 기준선을 넘기고 나면 체감 차이가 급격히 줄어듭니다.
1. 속도는 세 방향으로 손해를 만듭니다
전환 손실
사람은 기다리는 동안 이탈합니다. 특히 광고를 클릭해서 들어온 방문자는 인내심이 더 짧습니다. 능동적으로 찾아온 게 아니라 눌러본 것에 가깝기 때문입니다.
검색 순위 손실
구글은 페이지 경험을 순위 신호로 사용합니다. 속도만으로 순위가 결정되지는 않지만, 콘텐츠가 비슷한 경쟁 페이지가 있을 때 갈리는 요소가 됩니다.
광고 단가 손실
이건 의외로 모르시는 분이 많습니다. 구글 광고의 방문 페이지 만족도는 품질평가점수에 반영되고, 품질평가점수가 낮으면 같은 순위를 얻는 데 더 비싼 클릭 비용을 내야 합니다. 느린 페이지는 광고비를 더 씁니다.
2. 어떤 숫자를 봐야 하나
Lighthouse 점수 하나만 보시는 경우가 많은데, 실제로는 세 지표가 더 구체적입니다.
LCP — 가장 큰 요소가 뜨는 시간
방문자가 "페이지가 떴다"고 느끼는 시점입니다. 대개 히어로 이미지나 큰 제목입니다. 2.5초 이내가 양호, 4초를 넘으면 개선이 필요합니다. 셋 중 가장 중요합니다.
INP — 눌렀을 때 반응하는 속도
버튼을 눌렀는데 아무 반응이 없으면 사람은 다시 누릅니다. 200밀리초 이내가 양호합니다. 무거운 스크립트가 많으면 나빠집니다.
CLS — 화면이 밀리는 정도
읽으려는 순간 광고나 이미지가 로드되며 내용이 밀리는 현상입니다. 이미지에 크기가 지정돼 있지 않으면 발생합니다. 0.1 이하가 양호합니다.
3. 어디서 측정하나요
- •PageSpeed Insights — 가장 간단합니다. URL만 넣으면 됩니다. 반드시 모바일 탭을 보세요.
- •Search Console → 페이지 경험 — 실제 방문자 데이터 기반이라 더 현실적입니다.
- •크롬 개발자도구 Lighthouse — 수정 직후 빠르게 재측정할 때 편합니다.
측정할 때 두 가지를 주의하세요. 첫째, 반드시 모바일 기준으로 보세요. 데스크톱은 회선이 좋아 대부분 잘 나옵니다. 둘째, 같은 페이지도 측정할 때마다 점수가 흔들립니다. 두세 번 재서 평균을 보세요.
4. 무엇부터 고치나 — 이미지가 8할입니다
코드 최적화를 떠올리시지만, 실제로 느린 사이트의 대부분은 이미지 때문입니다. 순서대로 하시면 됩니다.
① 크기부터 줄이세요
화면에서 800px로 보이는데 4000px 원본을 올려두신 경우가 정말 많습니다. 표시되는 크기의 2배 정도면 충분합니다.
② 포맷을 바꾸세요
JPG·PNG 대신 WebP나 AVIF를 쓰면 화질 차이 없이 용량이 절반 이하로 줄어듭니다. 요즘 브라우저는 모두 지원합니다.
③ 첫 화면 밖 이미지는 나중에 불러오세요
스크롤해야 보이는 이미지까지 처음부터 다 받아올 필요가 없습니다. 지연 로딩(lazy loading)을 적용하면 LCP가 눈에 띄게 좋아집니다.
④ 그다음이 스크립트
채팅 위젯, 히트맵, 광고 픽셀을 여러 개 붙이면 무거워집니다. 안 쓰는 도구부터 빼세요. 붙일 때는 쉽지만 빼는 건 아무도 안 합니다.
5. 100점을 목표로 하지 마세요
점수를 올리는 데는 수확 체감이 있습니다. 50점을 80점으로 만드는 건 체감이 크지만, 90점을 98점으로 만드는 건 방문자가 느끼지 못합니다.
기준선을 넘겼다면 그다음은 콘텐츠와 전환 동선에 시간을 쓰는 게 훨씬 이득입니다. 속도는 '문제가 없을 정도'면 충분합니다.
프레이머로 만든 사이트의 구체적인 세팅은 Framer 사이트 Lighthouse 90점 세팅에 정리돼 있습니다.
자주 묻는 질문
노코드로 만들면 원래 느린가요?
도구 자체보다 어떻게 만들었는지가 훨씬 큽니다. 이미지 관리와 스크립트 수를 지키면 노코드로도 충분히 빠릅니다.
속도를 고쳤는데 순위가 안 올라갑니다
속도는 순위 요소 중 하나일 뿐입니다. 콘텐츠 품질과 검색 의도 부합이 훨씬 큽니다. 순위 확인 방법은 서치콘솔로 보는 진짜 지표를 참고하세요.
이미지를 줄이면 화질이 나빠지지 않나요?
WebP로 변환하면서 품질 80% 정도로 두면 육안으로 구분이 거의 안 됩니다. 로고나 제품 상세 이미지처럼 선명도가 중요한 것만 따로 관리하세요.
정리하면
속도는 전환·검색·광고비 세 방향으로 영향을 줍니다. 다만 남의 통계를 그대로 우리 매출에 대입하지 마세요.
모바일 기준으로 LCP를 재고, 이미지부터 정리하고, 기준선을 넘기면 거기서 멈추세요. 그다음은 콘텐츠 차례입니다.
함께 읽으면 좋은 글
웹사이트 성과를 꾸준히 개선할 방법을 찾으신다면 요금제와 포함 범위를 확인해 보세요. 지금 상태부터 점검이 필요하시면 상담 신청도 가능합니다.
이 글은 EasySpark 허수진 대표의 실무 내용이며, 업종과 트래픽 규모마다 다를 수 있어 결과를 보장하지 않습니다. 우리 사이트에 맞는 개선 방향이 궁금하시다면 편하게 상담 신청해주세요.
