Help Center

카페24 소식

[디자인관리] PC쇼핑몰 상품 상세 이미지 로딩 속도 업그레이드 안내

2018-08-08


안녕하세요. 카페24 운영도우미 입니다.


PC 쇼핑몰 상품 상세설명의 이미지 로딩 속도를 향상시킬 수 있도록 기능이 업그레이드 되었습니다.


자세한 내용은 아래를 참조해주세요.



적용일자 : 2018년 08월 08일 (수요일)부터 순차적용

업데이트 내용


PC쇼핑몰에서 상품상세 이미지에 Lazy Loading 방식을 적용하여 이미지 로딩 속도를 향상 시킬 수 있도록 개선되었습니다.


※ Lazy Loading 이란,

사용자 화면에 보이는 이미지만 로딩하고 다른 이미지들은 사용자가 스크롤 하면서 이미지에 가까워지면 로딩되는 방식입니다.


■ 설정 방법


- 위치 : 디자인관리 > 쇼핑몰 환경설정 > 기본설정 > 상품 상세 이미지 로딩속도 개선


▼ 상품 상세 이미지 로딩 속도 개선 설정 화면



- 사용함 : 전체 이미지를 한번에 로딩하지 않고 보이는 화면내 이미지만 먼저 보여주기 때문에 속도가 현저히 향상됩니다.

- 사용안함 : 상품 상세 화면 로딩시 전체 이미지를 모두 로딩합니다.


※ 모바일 쇼핑몰의 상품 상세 이미지 로딩속도를 개선하시려면, 모바일 쇼핑몰 > 모바일 환경설정 > 상품 상세 이미지 로딩 속도 개선 항목에서 '사용함'으로 설정하시기 바랍니다.


※ 상품상세설명 외 메인 페이지나 상품 목록에서 이미지 로딩 속도를 개선하시려면 디자인 편집창에서 변경하고자 하는 html페이지의 img태그 내 src를 ec-data-src로 변경하시기 바랍니다.

예) <img src <img ec-data-src로 변경




카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.

더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.

궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]