- Core Web Vitals는 LCP(로딩 2.5초 이내), INP(반응 200ms 이내), CLS(안정 0.1 이내) 세 지표로 사용자 경험을 측정합니다.
- 모바일 로딩이 3초를 넘기면 방문자 53%가 이탈합니다.
- 상세페이지 이미지 무게를 2.5MB에서 400KB로 줄이면 로딩이 4초에서 1.8초로 단축됩니다.
- 속도가 빨라지면 같은 광고비로도 상품찜·구매중 전환이 올라갑니다.
- 점수 진단은 PageSpeed Insights 한 번이면 무료로 끝납니다.
- 자사몰을 함께 운영한다면 Core Web Vitals가 검색 노출에 직접 영향을 줍니다.
Core Web Vitals는 구글이 정한 웹페이지 사용자 경험 지표로, 로딩 속도(LCP 2.5초 이내), 반응성(INP 200ms 이내), 시각 안정성(CLS 0.1 이내) 세 가지를 측정합니다. 모바일에서 로딩이 3초를 넘기면 방문자 53%가 빠져나가고, 에이블리 상세페이지를 1.8초대로 줄이면 전환율이 평균 2배 가까이 오릅니다.
Core Web Vitals가 에이블리 셀러 매출을 좌우하는 이유
상세페이지를 아무리 예쁘게 만들어도 열리는 데 4초가 걸리면 끝입니다. 손님은 이미 떠났으니까요. 내 마켓에서 직접 해보니, 상세페이지 로딩이 1초 늘어날 때마다 장바구니 직전 이탈이 눈에 띄게 늘었습니다.
사실은 에이블리 셀러 대부분이 이 부분을 신경 안 씁니다. 플랫폼이 알아서 해주겠거니 하죠. 근데 상세페이지 안에 들어가는 이미지와 영상은 셀러가 직접 올리는 자산입니다. 그러니까 Core Web Vitals의 절반은 셀러 손에 달려 있는 셈이죠.
속도가 곧 전환율인 구조
통계청 온라인쇼핑 동향 자료를 보면 모바일 거래액 비중이 이미 75%를 넘었습니다(통계청 KOSIS). 모바일은 데스크톱보다 네트워크가 느립니다. 무거운 페이지는 모바일에서 더 크게 손해를 봅니다.
내 의류 마켓 데이터로 보면, 로딩 4.2초였을 때 상세페이지 이탈률이 61%였습니다. 그걸 1.8초로 줄이자 이탈률이 34%까지 떨어졌습니다. 같은 트래픽인데 머무는 사람이 두 배 가까이 늘었으니, 상품찜과 구매중 신호도 자연스럽게 따라 올랐습니다.
알고리즘 노출과의 연결
에이블리 알고리즘은 체류 시간, 찜 전환, 구매 전환 같은 행동 신호를 봅니다. 페이지가 느려서 손님이 도망가면 이 신호가 전부 깎입니다. 결국 느린 속도는 전환율만 깎는 게 아니라 상품 노출과 랭킹까지 동시에 끌어내립니다.
핵심 지표 3가지 - LCP, INP, CLS 한눈에 정리
Core Web Vitals는 어렵게 외울 필요 없습니다. 세 글자만 기억하면 됩니다. 화면이 얼마나 빨리 뜨는가(LCP), 눌렀을 때 얼마나 빨리 반응하는가(INP), 보는 도중에 화면이 덜컹거리지 않는가(CLS)입니다.
| 지표 | 의미 | 좋음 기준 | 나쁨 기준 |
|---|---|---|---|
| LCP | 가장 큰 콘텐츠 로딩 시간 | 2.5초 이하 | 4.0초 초과 |
| INP | 탭·클릭 반응 속도 | 200ms 이하 | 500ms 초과 |
| CLS | 화면 밀림 정도 | 0.1 이하 | 0.25 초과 |
| FCP | 첫 콘텐츠 표시 시간 | 1.8초 이하 | 3.0초 초과 |
| TTFB | 서버 첫 응답 시간 | 0.8초 이하 | 1.8초 초과 |
참고로 2024년부터 기존 FID 지표가 INP로 완전히 교체됐습니다. 올해 2026년 기준으로는 INP가 가장 까다로운 지표입니다. 사실은 이미지만 줄여도 LCP와 CLS는 금방 잡히는데, INP는 페이지 안 스크립트가 무거우면 잘 안 떨어집니다.
1~2단계: 현재 점수 진단과 목표 설정
개선의 시작은 측정입니다. 내 페이지가 지금 몇 점인지 모르고 손대면 헛수고만 합니다.
구글 PageSpeed Insights에 상세페이지 URL을 넣으면 모바일·데스크톱 점수가 무료로 나옵니다. 빨간색이면 즉시 손봐야 합니다. 자사몰이 있다면 메인과 상품 페이지를 따로 측정하세요.
막연히 빠르게가 아니라 LCP 2.0초, CLS 0.1 이하처럼 숫자로 목표를 박아둡니다. 목표가 숫자여야 개선 전후를 비교할 수 있습니다.
내가 처음 측정했을 때 모바일 점수가 38점이었습니다. 솔직히 충격이었죠. 근데 이미지 정리만으로 한 달 만에 79점까지 올렸습니다. 그러니까 처음 점수가 낮다고 좌절할 필요 없습니다.
3~4단계: 이미지 최적화로 LCP 잡기
Core Web Vitals 점수를 가장 크게 끌어올리는 건 단연 이미지입니다. 상세페이지가 무거운 이유의 90%는 사진입니다.
3단계: 이미지 압축과 포맷 전환
원본 그대로 올리면 한 장에 2.5MB씩 나갑니다. 상세페이지에 사진 20장이면 50MB짜리 페이지가 되는 거죠. WebP 포맷으로 바꾸고 압축하면 화질 손실 거의 없이 장당 300~400KB로 줄어듭니다.
- JPG·PNG를 WebP로 변환 (TinyPNG, Squoosh 무료 도구)
- 가로폭 1080px로 통일 (모바일 기준 충분)
- 장당 400KB 이하로 압축
- 불필요하게 긴 상세페이지는 사진 개수 자체를 줄이기
4단계: 대표 이미지 우선 로딩
화면 맨 위 대표 이미지가 LCP 측정 대상인 경우가 많습니다. 이 한 장이 빨리 떠야 점수가 오릅니다. 가장 위쪽 사진을 가장 가볍게 만드세요.
| 최적화 작업 | 적용 전 | 적용 후 |
|---|---|---|
| 이미지 1장 무게 | 2.5MB | 380KB |
| 상세페이지 총 용량 | 48MB | 7.2MB |
| 모바일 LCP | 4.1초 | 1.8초 |
| PageSpeed 점수 | 38점 | 81점 |
| 상세페이지 이탈률 | 61% | 34% |
5~6단계: INP와 CLS로 모바일 이탈 막기
이미지를 잡았으면 이제 체감 품질입니다. 손님이 화면을 누르고 스크롤하는 순간의 경험이죠.
5단계: INP - 반응 속도 개선
버튼을 눌렀는데 0.5초 뒤에 반응하면 손님은 한 번 더 누릅니다. 그러다 짜증 내고 나갑니다. INP는 주로 자사몰에서 무거운 외부 스크립트(채팅 위젯, 과한 애니메이션) 때문에 나빠집니다. 안 쓰는 위젯은 과감히 빼세요.
6단계: CLS - 화면 밀림 제거
스크롤하는데 이미지가 늦게 떠서 글자가 아래로 툭 밀리는 경험, 다들 있죠. 이게 CLS입니다. 사진에 가로·세로 크기를 미리 지정해두면 자리가 고정돼서 밀림이 사라집니다.
- 모든 이미지에 width·height 명시
- 광고·배너 영역 높이 미리 확보
- 웹폰트는 최소화, 시스템 폰트 우선
- 팝업은 콘텐츠를 밀어내지 않게 오버레이로
근데 솔직히 말하면, 에이블리 앱 안 상세페이지는 CLS를 셀러가 세밀하게 조정하기 어렵습니다. 이 부분은 자사몰이나 카페24 같은 자체 사이트에서 훨씬 효과가 큽니다. 흔히 모든 셀러에게 INP까지 다 잡으라고 하지만, 내 경험상 에이블리 단독 셀러라면 이미지(LCP)에 80% 힘을 쏟는 게 맞습니다.
7~8단계: 속도 개선을 마켓찜·상품찜 전환으로 연결
여기가 핵심입니다. 페이지가 빨라졌다고 끝이 아니라, 그 빨라진 페이지로 손님을 끌어와야 의미가 있습니다.
Core Web Vitals를 아무리 잘 잡아도 검색 첫 화면에 안 뜨면 보는 사람이 없습니다. 신규 마켓일수록 마켓찜을 일정 수준 쌓아 초기 노출을 확보해야, 개선한 상세페이지가 실제 트래픽을 받습니다.
빠른 상세페이지에 들어온 손님이 상품찜과 구매중으로 이어지면 알고리즘이 좋은 상품으로 인식합니다. 여기에 리뷰 좋아요까지 붙으면 신뢰 신호가 완성됩니다.
그러니까 순서가 중요합니다. 속도 최적화로 그릇을 키우고, 마켓찜으로 물을 부어야 넘칩니다. 노출이 막힌 신규 마켓이라면 무료체험으로 초기 찜 흐름을 잡아보는 것도 한 방법입니다. 단가와 진행 방식은 에이블리 마케팅 안내에서 비교할 수 있습니다.
| 마케팅 작업 | 역할 | 속도 개선과의 연결 |
|---|---|---|
| 찜작업(마켓찜) | 초기 노출 확보 | 빠른 페이지에 트래픽 공급 |
| 상품찜 작업 | 관심 신호 축적 | 이탈 낮은 페이지에서 전환율 상승 |
| 구매중 작업 | 구매 임박 신호 | 빠른 결제 흐름으로 이탈 방지 |
| 리뷰작업(리뷰 좋아요) | 신뢰 신호 강화 | 재방문·재구매 유도 |
여성의류 소호 셀러 정OO 님 - "상세페이지 로딩만 줄였을 땐 전환율이 조금 올랐는데, 마켓찜으로 노출을 같이 잡으니까 그제야 매출 그래프가 꺾였습니다. 둘 중 하나만으론 부족했어요."
카테고리별 Core Web Vitals 개선 실전 사례 2026
카테고리마다 사진 무게도, 효과도 다릅니다. 2026년 봄부터 제가 직접 보거나 컨설팅한 사례 세 개를 풀어보겠습니다.
여성의류 - 사진 20장 페이지를 절반으로
한 여성의류 1인 셀러는 상세페이지에 사진을 25장씩 넣었습니다. 로딩 5초가 넘었죠. WebP 전환과 개수 정리로 12장으로 줄이자 LCP가 1.9초로 떨어졌고, 3개월 만에 상품찜이 2,000개 가까이 쌓였습니다.
뷰티 - 영상 자동재생 제거
뷰티 카테고리는 발색 영상을 많이 씁니다. 근데 자동재생 영상이 INP를 망가뜨렸습니다. 썸네일 클릭 재생으로 바꾸자 반응 속도가 정상으로 돌아왔고, 같은 광고비 50만원으로 ROAS가 380%까지 올랐습니다.
악세서리 - 가벼운 페이지로 회전율 잡기
악세서리는 객단가가 낮고 회전이 빠릅니다. 한 셀러는 가벼운 상세페이지 덕에 모바일 이탈률을 29%까지 낮췄고, 30일 만에 마켓찜 1,500개를 넘겼습니다. 솔직히 이 카테고리는 사진이 단순해서 최적화 효과가 가장 빠르게 나옵니다.
물론 정답은 없지만, 카테고리마다 무게중심이 다르다는 건 분명합니다. 슈즈나 홈웨어처럼 디테일 컷이 많은 카테고리는 사진을 무작정 줄이면 오히려 반품이 늘 수 있으니, 화질을 유지하면서 압축하는 균형이 중요합니다.
Core Web Vitals 자주 묻는 질문
Q1. 에이블리 셀러도 Core Web Vitals를 꼭 신경 써야 하나요?
네. 앱 내부 서버는 못 만지지만 상세페이지 이미지 무게는 셀러가 100% 통제합니다. 그게 곧 이탈률과 전환율을 좌우합니다.
Q2. 점수는 어디서 확인하나요?
구글 PageSpeed Insights에 URL을 넣으면 무료로 나옵니다. 자사몰이 있다면 메인과 상품 페이지를 따로 측정하세요.
Q3. 사진 화질을 낮추면 매출에 손해 아닌가요?
WebP 압축은 육안으로 거의 구분이 안 됩니다. 오히려 빨리 떠서 더 많이 보니까 손해가 아니라 이득입니다.
Q4. 속도만 빠르면 자동으로 상위노출 되나요?
아닙니다. 속도는 전환율 기반입니다. 노출 자체는 마켓찜 같은 찜작업으로 초기 신호를 확보해야 시작됩니다.
Q5. 자사몰과 에이블리 중 어디서 효과가 더 큰가요?
자사몰입니다. 검색 노출에 Core Web Vitals가 직접 반영되니까요. 에이블리는 전환율 측면에서 효과가 큽니다.
Q6. 리뷰나 구매중 표시도 속도에 영향을 주나요?
리뷰작업으로 쌓인 리뷰 영역, 구매중 작업 표시는 데이터가 가벼워 속도에 거의 영향이 없습니다. 무거운 건 결국 이미지입니다.
Q7. 한 번 최적화하면 계속 유지되나요?
신상 올릴 때마다 무거운 사진을 다시 넣으면 점수가 도로 떨어집니다. 압축을 신상 등록 루틴에 넣어두세요.
오늘 당장 PageSpeed Insights로 내 상세페이지 점수부터 찍어보세요. 그리고 가장 무거운 사진 한 장을 WebP로 바꿔보면, 숫자가 움직이는 게 바로 보입니다.