• 欢迎访问好资源,这里会在第一时间更新最新最好的资源给您,如果您有好的资源、文章,可投稿。如有其他需要请联系 QQ 点我注册
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏好资源吧~ 点我注册

优化网站页面加载速度,延迟加载图片的 jQuery 插件Lazy Load!

JavaScript itsmalldog 5年前 (2014-10-25) 4296次浏览 已收录 9个评论 扫描二维码
本文最后更新于2014年10月25日,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

网站的速度非常重要,现在有很多网站优化的工具,如 Google 的 Page Speed,Yahoo 的 YSlow,对于网页图片,Yahoo 还提供 Smush.it 这个工具对图片进行批量压缩,但是对于图片非常多的网站,载入网页还是需要比较长的时间,这个时候我们可以使用 Lazy Load 这个 jQuery 插件来延迟加载图片。

Lazy loader 是一个延迟加载图片的 jQuery 插件,在一些图片非常多的网站中非常有用,在在浏览器可视区域外的图片不会被载入,直到用户将页面滚动到它们所在的位置才加载,这样对于含有很多图片的比较长的网页来说,可以加载的更快,并且还能节省服务器带宽。

Lazy Loader 使用也非常简单,首先确保你的页面已经加载 jQuery Javascript 库,然后在加载 Lazy Load 的 Javascript 文件:

<script src=”jquery.js” type=”text/javascript”></script>
<script src=”jquery.lazyload.js” type=”text/javascript”></script>

下载1:jQuery 插件Lazy Load

下载2:jquery.min.js

 


好资源 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明优化网站页面加载速度,延迟加载图片的 jQuery 插件Lazy Load!
喜欢 (14)
[捐赠网站,支持好资源!]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(9)个小伙伴在吐槽
  1. 这个不错,感谢分享了
    aibeihu2015-11-06 09:29 回复 Windows 10 | Chrome 45.0.2454.101
  2. 还是要回复下
    zhangfei282015-11-16 14:46 回复 Windows 7 | Chrome 39.0.2171.99
  3. 感谢分享!
    帅得罚款2015-11-17 08:52 回复 Linux | Safari浏览器 534.30
  4. 顶赞
    pangwenjin2015-12-01 09:25 回复 Windows 7 | Chrome 31.0.1650.63
  5. 好东西
    lay1234562016-05-31 18:58 回复 Windows 7 | Chrome 50.0.2661.87
  6. 签到成功!签到时间:2016-07-01 07:58:45,每日打卡,生活更精彩哦~
    myiting2016-07-01 07:58 回复 Windows 7 | 搜狗浏览器 2.X
  7. 这样也行?下载试试。
    jasons2016-07-02 15:51 回复 Windows 7 | Chrome 45.0.2454.101
  8. 这个好,有用,感谢分享!
    goldplus2016-07-27 08:56 回复 Windows 7 | Chrome 45.0.2454.101
  9. 这个不错,感谢分享了
    zhangzheng2016-08-10 10:52 回复 Windows 7 | Chrome 42.0.2311.154