swiper1 swiper 에 lazy 적용 Swiper.js에서 Lazy Loading을 적용하려면 슬라이드 내부의 태그에 class="swiper-lazy" 속성을 추가하고, data-src와 같은 속성에 실제 이미지 경로를 지정합니다. 이렇게 하면 현재 보이는 슬라이드 이미지와 다음 슬라이드 이미지만 먼저 로드되고, 사용자가 스크롤하며 다른 슬라이드로 이동할 때 해당 이미지만 로드되어 초기 로딩 속도와 성능을 개선할 수 있습니다. Lazy Loading 적용 방법swiper-lazy class 추가: 태그에 class="swiper-lazy" 속성을 추가하여 브라우저가 해당 이미지를 지연 로딩하도록 지시합니다.data-src 속성 사용: 이미지의 실제 경로를 src 속성이 아닌 data-src 속성에 넣어둡니다. 예시 코드 (HTML.. 2025. 9. 19. 이전 1 다음 반응형