"사이트가 좀 느린 것 같은데, 그게 매출이랑 상관있나요?" 있습니다. 다만 흔히 인용되는 "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점 세팅에 정리돼 있습니다.
정리하면
속도는 전환·검색·광고비 세 방향으로 영향을 줍니다. 다만 남의 통계를 그대로 우리 매출에 대입하지 마세요.
모바일 기준으로 LCP를 재고, 이미지부터 정리하고, 기준선을 넘기면 거기서 멈추세요. 그다음은 콘텐츠 차례입니다.
함께 읽으면 좋은 글
웹사이트 성과를 꾸준히 개선할 방법을 찾으신다면 요금제와 포함 범위를 확인해 보세요. 지금 상태부터 점검이 필요하시면 상담 신청도 가능합니다.
이 글은 EasySpark 허수진 대표의 실무 내용이며, 업종과 트래픽 규모마다 다를 수 있어 결과를 보장하지 않습니다. 우리 사이트에 맞는 개선 방향이 궁금하시다면 편하게 상담 신청해주세요.