不依赖JQuery的图片懒加载库:lazysizes

开源框架2个月前发布 忒可君
47 0 0

有一些朋友,因为各种原因不太喜欢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

© 版权声明

相关文章

暂无评论

暂无评论...