업그레이드 노트

이미지 동적로딩 기능 추가 안내

아이콘 478

글번호 : 473

https://makeshop.co.kr/newmakeshop/home/notice_view.html?t=note&uid=473


무엇이 개선되었나요?
4월 25일 쇼핑몰 동적로딩 기능이 추가 되었어요.



동적로딩 기능이란 무엇인가요?
1) 동적로딩 기능은 Lazy Loading 기법을 활용하여 상품 이미지를 동적으로 표시해 주는 기능이에요.
    ※ Lazy Loading 이란?
        • 당장 화면에 보이지 않는 요소들의 로딩을 우선적으로 시행하지 않으면서 웹페이지 로딩 퍼포먼스를 최적화하는 기술
2) 메이크샵에서는 상품 이미지 로딩 시 해당 기법을 적용하여 노출된 여러 상품 이미지를 한 번에 모두 로딩하지 않고 사용자가 스크롤을 내릴 때마다 이미지가 로딩될 수 있도록 제공되었어요.
3) 동적로딩 기능을 사용하면 초기 접속 시 로딩에 소요되는 시간을 줄여주기 때문에 페이지 로딩 속도를 향상시키는데 도움을 줄 수 있어요.



어떻게 사용하는 건가요?



• [개별디자인 > 디자인 관련 기초 설정 > 메인/분류/상품 화면 설정] 에서 설정할 수 있어요.
• 로딩 이미지는 이미지 로딩 과정에서 보여질 이미지에요. 네트워크 속도에 따라 다르겠지만 실제 상품 이미지가 보여지기 전에 매우 짧은 시간 보여질 예시 이미지라고 생각해 주시면 되어요.(이미지를 등록하지 않아도 [로딩 이미지 없이 적용]에 체크하면 기능이용이 가능해요.)
• 로딩 이미지는 일반적으로 쇼핑몰의 배경색 + 쇼핑몰의 로고만 추가된 이미지를 많이 활용해요.





💡 더 알아보기
1. 동적로딩 기능은 디자인 시즌4 에서만 제공되는 기능이에요.
2. 기능을 설정하면 PC 및 모바일에서 모두 적용되어요.


동적로딩 기능을 활용하여 쇼핑몰의 속도를 향상시켜 보세요😁

목록