有一些朋友,因为各种原因不太喜欢JQuery,而又需要使用图片懒加载时,这时候可以使用 Lazysizes。
LazySizes 用于图片延迟加载,但是不会影响 SEO。LazySizes 内置很多可扩展组件。可以根据图片大小、网络带宽等因素,优先加载占用资源较少的图片。
使用起来也非常简单。
第一步,引入js库。
<script src="lazysizes.min.js" async=""></script>
第二步,在你的img的class加入lazyload,data-src里放真实图片地址
<img data-src="image2.jpg" class="lazyload" />
开源地址:https://gitee.com/mirrors/lazysizes
暂无评论,抢个沙发...