lazyload.js

lazyload.js 介绍

lazyload.js用于长 页面 图片 的延迟加载，视口外的 图片 会在窗口滚动到它的位置时再进行加载，这是与 预加载 相反的。?

lazyload.js优点：

它可以提高 页面 加载速度；

在某些情况清晰它也可以帮助减少服务器 负载 。

?

lazyload.js安装:

bower安装：

bower install jquery.lazyload

npm安装:

npm install jquery-lazyload

lazyload.js使用:

lazyload依赖与jquery。所以先引入jquery和lazyload

<script src="jquery.js"></script>

<script src="jquery.lazyload.js"></script>

1.将 图片 路径写入data-original 属性

2.给lazyload的 图片 增加 一个 名为lazy的class

3.选择所有要lazyload的 图片 （img.lazy），执行lazyload();

<img class="lazy" data-original="img/example.jpg" margin-top:1000px" height="200">

<script>

$(function(){

$("img.lazy").lazyload();

})

</script>

网站地址 : https://appelsiini.net/projects/lazyload

GitHub: https://github.com/tuupola/lazyload

网站描述: jquery 图片 懒加载 插件

lazyload.js官方网站

官方网站： https://appelsiini.net/projects/lazyload

如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。

查看更多关于lazyload.js的详细内容...