주 콘텐츠로 건너뛰기

쇼핑몰 로딩 속도가 느려졌어요. 어떻게 해야 하나요?

쇼핑몰 이용 속도가 느려지는 원인에는 페이지 용량이 큰 경우(진열된 상품의 수, 고용량 이미지 등) 또는 외부 요소가 있어요.
아래의 내용에 따라 자가 진단하고, 개선할 수 있어요.

자세히 알아보기

페이지의 용량이 큰 경우

웹 페이지의 용량이 증가할수록 PC, 모바일에서 불러오는 회선 속도의 지연이 발생하여 페이지의 로딩 속도가 느려질 수 있어요.

페이지 속도 확인 방법 (Chrome 브라우저 기준)

※ 브라우저 버전에 따라 설정 화면이 다를 수 있어요.

  1. Chrome 브라우저로 쇼핑몰 페이지에 접속해 주세요.

  2. F12 키를 눌러 개발자 도구 창을 띄워 주세요. (Mac OS의 경우, alt + cmd + i)

  3. 위의 메뉴 중 'Network'를 눌러 주세요. 

  4. Network 아래의 'Disable cache'를 선택해 주세요.

  5. 새로 고침(F5)할 때 아래에 쇼핑몰 페이지의 로딩 속도가 표기되어요.

페이지 호출에 많은 시간이 소요되면 고객이 이탈하는 상황이 발생해요.
아래와 같은 조치를 취하여 페이지 용량을 줄이는 것을 권장해요.

 

1. 메인 페이지에 진열된 상품의 수 줄이기

  1. [관리자] 상품 > 상품 진열 > 메인 진열 메뉴로 이동해 주세요.

  2. 쇼핑몰 관리자의 메인 페이지, 분류 페이지에서 품절되었거나, 판매량이 저조한 상품을 선택하여 '진열 안함' 상태로 변경해 주세요.

 

2. 각 분류 페이지에 진열된 상품의 수 줄이기 (스마트디자인 사용 중일 때만 해당)

  1. 각 분류 페이지에 노출되는 상품의 수는 디자인을 수정하여 변경할 수 있어요.
    디자인에서 지정된 진열 수량과 한 번에 노출되는 상품의 수를 설정할 수 있어요.
    [관리자] 상품 > 상품 진열 > 분류별 진열 메뉴에서 지정한 진열 상품의 수가 디자인에서 지정한 상품의 수를 초과하면 자동으로 페이지가 구분되어 노출되어요.

  2. [관리자] 디자인 > 디자인 보관함 > '편집' 을 눌러 주세요.
    '스마트디자인 편집 창'을 띄워 주세요.

  3. '자주 쓰 는화면 > 상품 분류'를 눌러 주세요.

  4. 가운데 아래의 HTML 영역에서 'Ctrl + F'를 눌러 'product_listnormal'을 검색해 주세요.

  5. 아래의 '$count = 200'에서 숫자를 조절하여 한 페이지에 노출될 상품의 수를 설정할 수 있어요.
    (권장 입력값: $count = 50 이하)

  6. 위의 '저장' 버튼을 누르면 변경한 내용이 반영되어요.

 

3. (모바일 쇼핑몰) 상품 상세 이미지의 'Lazy loading' 또는 '더 보기' 기능 적용하기

Lazy loading이란 화면에 보이는 이미지만 로딩하고, 나머지 영역은 페이지를 스크롤 할 때 불러오는 기능이에요.
페이지의 이미지가 많더라도 한 번에 불러오지 않고 일부만 불러오기 때문에, 사용자가 체감하는 페이지 로딩 속도가 향상되어요.
[모바일] Lazy Loading 또는 [더 보기] 기능 적용하기 에서 확인할 수 있어요.

4. 웹 가속기 설정하기

웹 가속기는 트래픽을 분산시켜 쇼핑몰 로딩 속도를 개선하는 효과가 있어요.
웹 가속기는 왜 설치해야 하나요? 에서 확인할 수 있어요.

5. 외부 스크립트 삭제하기 (스마트디자인 사용 중일 때만 해당)

마케팅이나 사이트 분석 등의 목적으로 외부 스크립트를 삽입하지만, 과도한 외부 스크립트의 사용은 사이트 속도를 저하시켜요.
원활한 접속을 위해 불필요한 외부 스크립트는 삭제하는 것을 권장해요.

  1. [관리자] '디자인 > 디자인 보관함' 에서 PC 또는 모바일 쇼핑몰에서 사용하고 있는 디자인의 '편집' 버튼을 눌러 주세요.
    '스마트 디자인 편집 창'으로 이동해 주세요.

  2. 왼쪽 메뉴에서 속도가 느려진 페이지를 선택하여 편집 창을 열어 주세요.
    1. 해당 페이지에 삽입된 소스 중 외부 스크립트가 포함되어 있다면, 삭제 또는 주석 처리( <!-- 외부 스크립트 --> )하고 저장해 주세요.

주석 처리 예시

<html>

<head>

<title>주석 처리 예시</title>

</head>

<!--

<script type="text/javascript">외부 스크립트 소스

</script>

-->

<body>

##하단생략##

 

외부 요인

카페24의 서버, 네트워크 속도는 정상이지만, 외부 서버에서 불러오는 외부 요인(폰트, 자바 스크립트, 통계/마케팅 도구, 외부 이미지 호스팅 등)의 지연으로 쇼핑몰 접속이 지연되는 경우가 있어요.

외부 요인 확인 방법 (Chrome 브라우저 기준)

※ 브라우저 버전에 따라 설정 화면이 다를 수 있어요.

  1. Chrome 브라우저로 쇼핑몰 페이지에 접속해 주세요.

  2. F12 키를 눌러 개발자 도구 창을 띄워 주세요. (Mac OS의 경우 alt + cmd + i)

  3. 위의 메뉴 중 'Network'를 눌러 주세요.

  4. Network 아래의 'Disable cache'를 선택해 주세요.

  5. 새로 고침(F5) 후, 개발자 도구의 'Time' 항목을 두 번 클릭해 주세요.
    'Time ▼' 상태로 변경하여 호출에 많은 시간이 소요되는 콘텐츠를 확인해 주세요.

  6. 호출에 많은 시간이 소요되는 콘텐츠 중 'Domain' 항목이 'cafe24.com', '쇼핑몰 대표 도메인'으로 끝나지 않는다면, 카페24에서 운영하지 않는 외부 서비스예요.

    외부 서비스의 호출 지연은 카페24에서 해결할 수 없어요.
    각 콘텐츠를 제공하는 사업자에게 지연 호출 원인을 확인해야 해요.

    ※ 'Domain' 항목이 없다면 'Time' 항목에서 오른쪽 클릭하여 노출 선택 팝업에서 추가할 수 있어요.

 

기타 확인 사항

카페24를 이용하는 다른 쇼핑몰은 정상적으로 접속이 되지만, 운영 중인 쇼핑몰만 접속 지연이 지속된다면 CPU 사용률, 공유기(네트워크 장비)를 확인해야 해요.

※ 카페24를 사용하는 다른 쇼핑몰은 카페24 쇼핑몰센터 에 접속하여 확인할 수 있어요.

 

1. CPU 사용률 확인하기

  1. 윈도우 버튼을 오른쪽 클릭 후 '작업 관리자'를 선택해 주세요.

  2. 프로세스 탭의 CPU 항목이 90% 이상이라면 PC 응답이 지연되고 있는 상황이에요.
    사용률이 높은 프로그램을 확인 후 불필요하다면 종료해 주세요.

 

2. 공유기(또는 네트워크 장비) 확인하기
사용 중인 공유기(또는 네트워크 장비)의 과열 등의 문제로 접속 지연이 발생할 수 있어요.

  1. 공유기를 재시작 후 쇼핑몰에 재접속해 주세요.
    느린 상황이 반복되는지 확인해 주세요.

  2. 느린 상황이 반복된다면 공유기를 거치지 않고 네트워크 케이블을 기기에 직접 연결해 보세요.
    (모바일의 경우, 'Wi-Fi'를 '사용 안함' 상태로 변경하고, 통신사 네트워크로 쇼핑몰에 재접속해 주세요.)

  3. 위의 조치를 모두 취했음에도 접속 속도가 느리다면, 현재 사용하고 계신 ISP(인터넷 서비스 제공 사업자)의 네트워크 장애를 의심할 수 있어요.
    사용하고 있는 ISP 고객센터에 장애 여부를 문의해 주세요.

 

위 내용을 통해 사이트를 점검한 후에도 사이트 속도가 개선되지 않는다면, 위의 1:1 문의로 접수해 주세요.

또는 카페24 비즈메이트의 쇼핑몰 스피드 부스터 서비스를 이용해 보세요.

(쇼핑몰 스피드 부스터 바로 가기)

빠르게 확인하고 도와 드릴게요.

 

 

이 페이지가 도움이 되었나요?
현재 콘텐츠