쇼피파이 스토어의 속도는 매출에 직접적인 영향을 줍니다. 모바일 페이지 로딩이 1초 느려질 때마다 전환율은 최대 20%까지 떨어집니다.
중요한 건 이 손실이 광고비처럼 청구서에 적히지 않는다는 점입니다. 매일 조용히 빠져나가기 때문에 대부분 인지하지 못합니다.
600개 이상의 쇼피파이 스토어를 최적화한 경험을 바탕으로 실제로 효과 있는 개선 방법을 순서대로 정리했습니다.
먼저 현재 속도를 측정하세요
pagespeed.web.dev에 스토어 URL을 입력하세요. 홈, 컬렉션, 상품 페이지를 각각 측정해야 합니다. 세 페이지의 점수가 크게 다른 경우가 많습니다.
90점 이상은 양호, 50~89점은 개선 필요, 50점 이하는 즉시 개선이 필요한 수준입니다. 최적화를 한 번도 하지 않은 쇼피파이 스토어는 보통 모바일 30~50점대입니다.
점수를 기록해 두세요. 기준점이 없으면 어떤 작업이 효과가 있었는지 알 수 없습니다.
속도를 낮추는 주요 원인 5가지
1. 최적화되지 않은 이미지
가장 흔하고 가장 고치기 쉬운 문제입니다. 모든 이미지를 WebP로 변환하고 1MB 이하로 압축하세요. 상품 이미지는 500KB 이하가 이상적이며, TinyPNG로 일괄 처리할 수 있습니다.
특히 홈 대표 배너를 먼저 확인하세요. 디자이너에게 받은 원본을 그대로 올려둔 경우가 많습니다.
2. 사용하지 않는 앱
앱을 삭제해도 테마에 코드가 남는 경우가 많습니다. 사용하지 않는 앱의 스크립트가 여전히 모든 페이지에서 실행되고 있는 것입니다.
현재 쓰지 않는 앱을 전부 삭제하고, 남기는 앱도 모든 페이지에서 로드되는지 확인하세요. 리뷰 위젯이 회사 소개 페이지에서까지 실행될 이유는 없습니다.
3. 홈 자동 재생 동영상
배경 동영상은 페이지 로드 시 5MB에서 30MB까지 추가됩니다. 고품질 이미지로 교체하거나, 브랜드상 꼭 필요하다면 페이지 중간으로 내려 첫 화면 로딩을 막지 않도록 하세요.
4. 과도한 폰트 로딩
폰트는 굵기별로 각각 별도 파일입니다. 종류를 2~3개로 제한하고, 실제로 사용하는 굵기만 남기세요.
5. 렌더링 차단 스크립트
중요하지 않은 스크립트에 defer 또는 async 속성을 추가합니다. 개발자 작업이 필요하므로 앞의 네 가지를 먼저 끝낸 뒤에 진행하시면 됩니다.
작업별 효과 비교
| 작업 | 난이도 | 예상 점수 상승 |
|---|---|---|
| 이미지 압축·변환 | 낮음 | 10~20점 |
| 미사용 앱 삭제 | 낮음~중간 | 5~15점 |
| 홈 동영상 교체 | 낮음 | 5~15점 |
| 폰트 정리 | 낮음 | 2~5점 |
| 스크립트 defer 처리 | 높음 | 5~10점 |
앞의 네 가지만 제대로 해도 보통 모바일 점수가 30~50점대에서 60~75점 이상으로 올라갑니다. 디자인은 전혀 바꾸지 않고서말입니다.
적용 순서
이번 주: 세 가지 페이지 유형의 현재 점수를 기록하고, 홈 배너와 상위 20개 상품 이미지를 압축하세요.
이번 달: 앱 목록을 점검해 미사용 앱을 삭제하고 홈 자동 재생 동영상을 교체하세요.
3개월 안에: 스크립트 defer 처리 후 재측정하고, 개선 전후 전환율을 비교하세요.
자주 묻는 질문
몇 점을 목표로 해야 하나요?
앱과 이미지가 있는 쇼피파이 스토어라면 모바일 70점 이상이 현실적인 목표입니다. 95점을 쫓다 보면 매출에 도움이 되는 기능까지 빼게 됩니다.
속도 최적화 앱을 설치하면 되지 않나요?
이미지 압축과 지연 로딩은 어느 정도 처리해 줍니다. 다만 앱이 많아서 느린 스토어에 앱을 하나 더 추가하는 셈이라는 점은 감안하셔야 합니다.
속도 개선이 SEO에도 도움이 되나요?
됩니다. 페이지 경험은 검색 순위 요소이기도 합니다. 다만 전환율 개선은 몇 주 만에, SEO 효과는 몇 달에 걸쳐 나타납니다.
속도 점검은 얼마마다 해야 하나요?
앱을 설치할 때마다, 그리고 최소 분기당 한 번씩 확인하세요. 스토어는 앱과 콘텐츠가 쌓이면서 서서히 느려집니다.
함께 읽으면 좋은 글
HHP Design은 쇼피파이 스토어 속도 최적화 전문 서비스를 제공합니다. 한국어 쇼피파이 서비스 안내를 확인하시거나 hhp-design.com.au에서 무료 속도 점검을 요청하세요.