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

追格官方小助手/ 2023年02月12日/ 开源推荐/ 浏览 2178

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

发表评论

暂无评论,抢个沙发...

客服 工单