인사이트 전체

홈페이지 속도

홈페이지가 느리면 손님이 떠납니다 — 사장님이 직접 하는 속도 점검

느린 홈페이지가 특히 모바일에서 손님을 놓치는 이유와, 사장님이 휴대폰 하나로 직접 속도를 점검하는 법. 흔한 원인과 손쉬운 개선 방향까지 정리했습니다.

이형우 · 하루웹 대표
· 6분 읽기

손님이 가게 이름을 검색하고 홈페이지를 눌렀습니다. 그런데 화면이 하얗게 멈춰 있습니다. 1초, 2초, 3초… 손님은 무슨 생각을 할까요. 대부분은 기다리지 않습니다. 뒤로 가기를 누르고 바로 옆 가게로 넘어가죠. 음식이 맛있는지, 머리를 잘 자르는지 보여줄 기회조차 없이 손님을 놓치는 겁니다.

저는 이게 사장님들이 가장 억울해할 만한 손실이라고 생각합니다. 광고비를 써서 사람을 데려왔는데, 사이트가 느려서 문 앞에서 돌려보내는 셈이니까요. 오늘은 어렵지 않게, 사장님이 직접 우리 가게 홈페이지가 느린지 점검하고 고치는 방법을 이야기해 보겠습니다.

무거운 사진 · 1순위
원본을 그대로 올려 한 장이 몇 MB — 용량만 줄여도 확 빨라집니다
과한 효과·애니메이션
화려하지만 폰에서 버벅이게 만드는 움직임
무거운 외부 위젯
채팅·지도·영상을 잔뜩 붙여 로딩이 늘어짐
느림은 대부분 이 셋에서 옵니다 — 특히 사진 용량부터 줄여보세요.

왜 모바일에서 더 문제가 될까요

요즘 가게를 찾는 손님은 거의 휴대폰으로 들어옵니다. 그런데 휴대폰은 PC보다 화면을 그리는 능력이 약하고, 무엇보다 인터넷 환경이 들쑥날쑥합니다. 지하철, 엘리베이터, 사람 많은 카페, 신호가 약한 골목. 손님은 이런 데서 한 손으로 검색합니다.

사장님 사무실 PC는 빠른 와이파이에 물려 있으니 홈페이지가 늘 쌩쌩하게 보입니다. 그래서 "우리 사이트 빠른데?"라고 착각하기 쉽습니다. 하지만 손님이 실제로 만나는 건 그 환경이 아닙니다. 내 PC에서 빠른 것과 손님 휴대폰에서 빠른 것은 완전히 다른 이야기입니다.

게다가 사람은 기다림에 인색합니다. 화면이 안 뜨면 "고장 났나" "이 가게 관리 안 하나" 하는 인상부터 받습니다. 속도가 곧 신뢰처럼 읽히는 거죠. 정확한 수치를 단정할 수는 없지만, 여러 조사에서 한결같이 나오는 경향은 분명합니다. 로딩이 길어질수록 이탈하는 손님 비율이 눈에 띄게 올라간다는 것입니다.

사장님이 1분 만에 직접 점검하는 법

전문 도구 없이도 체감으로 확인할 수 있습니다. 지금 바로 해보세요.

  • 휴대폰에서 와이파이를 끄고 데이터(LTE/5G)로 전환합니다. 이게 핵심입니다. 손님의 평범한 환경을 흉내 내는 거예요.
  • 검색창에 가게 이름을 치고 우리 홈페이지를 누릅니다.
  • 첫 화면, 그러니까 가게 사진이나 상호, 메뉴 같은 게 "아, 떴구나" 하고 알아볼 수 있을 때까지 속으로 숫자를 세 보세요.

대략 2초 안쪽이면 손님이 답답함을 거의 못 느낍니다. 3초를 넘어가기 시작하면 슬슬 손가락이 뒤로 가기로 향합니다. 5초가 넘으면 솔직히 많은 손님을 이미 놓쳤다고 보는 게 맞습니다.

한 번 더 권하고 싶은 게 있습니다. 사장님 휴대폰은 평소 그 사이트에 자주 들어가서 정보가 저장돼 있어 실제보다 빠르게 뜹니다. 그래서 가족이나 직원 휴대폰처럼 그 사이트에 처음 들어가는 기기로 한 번 더 열어보세요. 그게 진짜 첫 방문 손님이 겪는 속도에 가깝습니다.

느린 데는 대개 이유가 있습니다

직접 만져서 고칠 수 있는 흔한 원인은 몇 가지로 추려집니다.

첫째, 너무 큰 사진입니다. 제가 본 바로는 이게 압도적으로 1등 원인입니다. 요즘 휴대폰이나 카메라로 찍은 사진은 한 장에 5MB, 10MB를 훌쩍 넘기기도 합니다. 그런 사진을 줄이지 않고 그대로 홈페이지에 올리면, 손님은 화면 하나 보려고 무거운 짐을 통째로 내려받는 셈입니다. 화면에서는 손바닥만 하게 보이는데 실제 파일은 거대한 경우가 정말 많습니다.

둘째, 과한 애니메이션과 화려한 효과입니다. 글자가 스르륵 나타나고, 배경이 움직이고, 스크롤할 때마다 이것저것 튀어나오는 연출. 보기엔 멋지지만 그만큼 휴대폰이 일을 많이 해야 합니다. 효과가 많을수록 첫 화면이 늦게 뜨고, 사양이 낮은 휴대폰에서는 화면이 버벅이기까지 합니다.

셋째, 무거운 외부 위젯입니다. 채팅 상담창, 지도, 인스타 피드 자동 노출, 예약 연동 같은 것들이죠. 하나하나는 편리하지만, 이런 외부 기능은 우리 사이트가 아니라 다른 회사 서버에서 불러오는 거라 그쪽이 느리면 우리 화면도 같이 늦어집니다. 필요 없는 위젯을 빼는 것만으로 체감 속도가 확 살아나는 경우가 흔합니다.

그럼 어디부터 손대면 될까요

가장 효과 좋고 손쉬운 것부터 순서대로 권합니다.

  • 사진부터 줄이세요. 무료 이미지 압축 사이트(이미지를 끌어다 놓으면 용량을 줄여주는 곳)나 휴대폰 사진 편집 앱의 '용량 줄이기' 기능이면 충분합니다. 화면에서 보이는 크기 정도면 보통 한 장 수백 KB 안쪽으로도 충분히 선명합니다.
  • 정말 필요한 효과만 남기세요. 첫 화면을 가리는 인트로 애니메이션, 의미 없이 움직이는 배경은 과감히 빼는 게 손님에게 이롭습니다.
  • 위젯은 '있으면 좋은 것'과 '꼭 있어야 하는 것'을 구분하세요. 거의 안 쓰는 채팅창이나 SNS 자동 노출은 정리하면 가벼워집니다.
  • 점검은 한 번으로 끝내지 마세요. 사진을 새로 올리거나 기능을 추가하면 다시 무거워지기 마련입니다. 새 콘텐츠를 올린 날은 데이터로 한 번 열어보는 습관을 들이면 좋습니다.

정리하면 이렇습니다. 와이파이를 끄고 휴대폰 데이터로 우리 홈페이지를 열어 첫 화면이 뜨는 시간을 체감해 보고, 느리다면 큰 사진을 줄이고 과한 효과와 안 쓰는 위젯을 덜어내는 것. 거창한 기술이 필요한 일이 아닙니다. 손님이 문 앞에서 돌아서지 않게 하는, 작지만 확실한 점검입니다.

댓글

    남겨주신 댓글은 확인 후 공개됩니다.