Swiper item 数量太多时，滑动卡顿！！

Runtime

当页面上需要一次性加载几百个item时，在手机上滑动就非常的卡顿，滑动不流畅，怎么解决？

zht97916

试试用上延迟加载

1. <!-- 延迟加载图片的结构 -->
   
2.         <div class="swiper-slide">
   
3.             <img data-src="path/to/picture-1.jpg" class="swiper-lazy">
   
4.             <div class="swiper-lazy-preloader"></div>
   
5.         </div>
   
6. <script>
   
7. var mySwiper = new Swiper('.swiper-container', {
   
8.   lazy: {
   
9.     loadPrevNext: true,
   
10.   },
    
11. });
    
12. </script>

复制代码