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

开源框架1年前 (2024)发布 忒可君
465 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

© 版权声明
CrossOver由codewaver公司开发的类虚拟机软件,目的是使linux和Mac OS X操作系统和window系统兼容。CrossOver不像Parallels或VMware的模拟器,而是实实在在Mac OS X系统上运行的一个软件。CrossOvers能够直接在Mac上运行Windows软件与游戏,而不需虚拟机。它为Windows软件提供所需的资源,以达到在Mac OS X系统上运行Windows程序的目的。

相关文章

CrossOver由codewaver公司开发的类虚拟机软件,目的是使linux和Mac OS X操作系统和window系统兼容。CrossOver不像Parallels或VMware的模拟器,而是实实在在Mac OS X系统上运行的一个软件。CrossOvers能够直接在Mac上运行Windows软件与游戏,而不需虚拟机。它为Windows软件提供所需的资源,以达到在Mac OS X系统上运行Windows程序的目的。

暂无评论

暂无评论...