본문 바로가기

현재 위치
  1. HOME
  2. 쇼핑몰 TIP

쇼핑몰 TIP

온라인 쇼핑몰 제작부터 운영, 마케팅까지! 유용한 정보를 제공합니다.

카테고리 상세
번호 제목
1230 사이트 로드 속도는 올리고, 고객 이탈률은 줄이는 방법 조회수 2334
  • 작성일 2017-07-04 15:34:20
  • 추천 추천하기
  • 조회수 2334


방문 고객의 이탈을 막아라!




사이트 로드 속도는 방문 고객의

사이트 이탈과 매우 밀접하게 연관되어 있습니다.



특히 모바일의 경우 많은 고객들이

사이트가 2초 이내에 로드될 것을 기대하고


모바일 페이지 로드가 1초 느려질 때마다

전환율은 최대 20% 하락한다고 합니다!!




때문에 빠른 사이트 로딩이 매우 중요합니다.




로딩 시간을 단축하기 위해

쇼핑몰 운영자분들이 직접 하실 수 있는 방법들과

카페24가 제공하는 서비스를 소개하겠습니다!





01

쇼핑몰 접속 속도 향상시키기



쇼핑몰 접속 속도를 좌우하는 것은 무엇일까요?

가장 큰 요인은 쇼핑몰에 노출되는 이미지 입니다.


무슨 말인지 어려우실 것 같아

아래에 간단한 설명을 준비했습니다.





예를 들어 이미지를 택배라 하고

이미지가 업로드되어 고객에게 노출되기까지의 과정을

택배 배달 과정이라고 한다면!



택배가 무겁고 많을수록 배달 과정이 느려지겠죠?



때문에 불필요한 포장을 없애고

필요한 물건만 보내주는 것이 빠른 배송을 가능하게 합니다.



따라서 사이트 로딩 시간을 단축하기 위한 가장 기본적인 방법은

업로드하는 이미지의 용량이나 개수를 조절하는 것인데요~



구체적으로 어떻게 해야 하는 지 모르겠다 하시면!

아래 소개하는 방법들을 따라해 보시길 바랍니다.





1. 가능한 작은 용량의 이미지 사용


위에서 말씀 드렸듯이

이미지가 가벼우면 쇼핑몰 화면에 나타나기까지의 시간이 짧아집니다.


쇼핑몰에 업로드하시는

이미지의 원본 용량이 작으면 작을수록

사이트 로드 속도는 빨라진다는 사실!!


더불어 고객들의 모바일 데이터 또한

아껴줄 수 있는 꿀팁이랍니다~





2. jpg/jpeg 이미지 사용


이미지를 가볍게 만드는 데 용이한 파일은 jpg/jpeg 입니다.

따라서 대용량 png, gif의 사용을 지양해주세요!





3. 적당한 개수의 상품 노출


고객들에게 많은 상품을 보여주고 싶으신 건

모든 쇼핑몰 운영자분들의 바람일 겁니다.


하지만!


욕심은 금물!


앞서 택배가 많으면 배송이 느려진다고 말씀드렸죠?



메인 페이지, 상품 분류페이지 등

목록 페이지에 보여지는 상품 개수가 많을수록

이미지 뿐만 아니라 상품 정보, 할인가 계산 등을 하는 데 많은 시간이 걸리기에

자연스럽게 페이지 속도는 느려지게 된답니다.



이에 카페24는 상품 1개 모듈에 상품 진열 개수를 200로 제한하고 있습니다.



단, 200개 이상 상품 진열이 필요한 경우에는

아래와 같이 count 주석 변수를 디자인 소스상에 넣으시면 됩니다.


하지만 쇼핑몰 속도가 느려질 수 있다는 점을 기억해주세요!


(심플디자인의 경우 해당 제한과 무관합니다.)



 


▲ 스마트디자인 편집창 - count 주석 변수 입력한 화면




▲ 스마트디자인 편집창 - count 주석 변수 미입력한 화면




적절한 상품 수 조정으로 향상된 속도를 유지하세요!





4. 리다이렉션 최소화


리다이렉션이란 넘겨받은 URL을 웹 브라우저가 열 때

설정해둔 다른 URL 문서가 열리도록 세팅하는 것입니다.





리다이렉션은 가능한 지양하는 것이

페이지 반응 속도를 높일 수 있습니다.


※ 인스타그램, 페이스북과 같은 외부 서비스 링크도

속도 지연에 많은 영향을 준다는 사실!!





5. 폰트 링크 사용 지양


많은 사이트들이 나눔 폰트를 사용하기에

대부분의 기기에는 이미 나눔 폰트가 저장되어 있습니다.


그럼에도 불구하고!


폰트 링크를 걸어둔다면

이미 폰트가 있는 고객도 다시 폰트 다운받아야하고

로드 시간은 더욱 길어지겠죠?


특히 외부 폰트 링크의 경우

폰트 다운을 위해 외부 사이트 접속 단계가 추가되어

고객들의 기다림은 길어진답니다.



따라서


폰트 링크는 되도록 걸지 않는 것이 좋고,

만약 걸게 되더라도 외부사이트가 아닌

쇼핑몰 FTP에 올려놓고, 내부 링크를 걸어놓는 것이

좀 더 안전하고 빠를 수 있다는 점을 기억해주세요~






02

카페24의 자동 이미지 최적화 기능



쇼핑몰 운영자분들께서

빠른 사이트를 만들기 위해 노력하고 계실 때,

카페24가 가만히 있을 순 없겠죠?



쇼핑몰 운영자분들께서 올리신 이미지를

조금이라도 더! 더! 더!

가볍게 만들어 드리기 위해



카페24는

자동 이미지 최적화 서비스

를 제공하고 있습니다!!





이미지 최적화


쇼핑몰에서 사용되는 이미지(상품 이미지, 상세 설명 이미지 등)를

용량은 줄이되 화질의 차이는 크게 나지 않는!


가벼운 이미지로 변경시켜주는

일종의 이미지 다이어트 작업입니다.




 ※ 자동 이미지 최적화 서비스는 jpg, jpeg 파일에만 적용됩니다.




실제로 이미지 최적화 테스트를 진행한 결과

기존 대비 이미지 용량은 원본 대비 약 50% 감소하고

로딩 시간 또한 약 30% 감소했습니다.





▲ 이미지 최적화 적용 결과 원본 대비 이미지 용량과 로딩시간이 감소


 


여기에 화질까지 고려한 카페24의 서비스는

이미지 압축 후에도 원본과 화질 차이가 거의 나지 않는다

디자인 관련 전문가 블라인드 테스트 결과를 얻었다는 사실!



 

▲ 이미지 최적화 적용 결과 원본 대비 이미지 화질 저하 거의 없음




이렇듯 카페24가 제공하는 이미지 최적화 서비스를 통해

쇼핑몰 운영자분들은 번거로움 없이 이미지 용량을 조금 더 줄일 수 있고,



이는 고객분들의 편의 및 만족도 증가로 이어져

쇼핑몰 매출에 긍정적인 영향을 줄 수 있답니다!




 



카페24 캠페인 보기 (클릭)