如何懒惰地加载光滑滑块的每张幻灯片？

问：

以下光滑的滑块代码具有延迟加载功能，但它仍然在 Google PageSpeed Insights 上延迟屏幕外图像问题。 有没有人知道如何解决 slickr 的谷歌页面速度上的“延迟屏幕外图像”问题？

<div class="demo">
   <div>
       <a href="#" class="block-promo home-main">
          <img src="" data-lazy="https://via.placeholder.com/150"/>
       </a>
   </div>
   <div>
      <a href="#" class="block-promo home-main">
         <img src="" data-lazy="https://via.placeholder.com/150"/>
      </a>
   </div>
   <div>
      <a href="#" class="block-promo home-main">
         <img src="" data-lazy="https://via.placeholder.com/150"/>
      </a>
   </div>
</div>


<script>

      $('.demo').slick({
       slidesToShow: 1,
       slidesToScroll: 1,
       dots:false,
       lazyLoad: 'ondemand',
       autoplay: true,
       autoplaySpeed: 5000,
       initialSlide: -1,
       infinite: true,
       arrows: true
       });   

</script>