京东自营 + 国补 iPhone 历史最低价          国家补贴 享8折

Lazy Load延迟加载图片的jQuery插件 v1.8.1

由于网站主要是为了推广商品的,所以首页商品图片比较多,加载很慢,导致用户体验不好。看了一些商城和网站都用了类似的效果,这些商城的图片都是在下拉滚动时才加载,减少了页面加载的时间,也减轻了服务器的压力,给用户体验也很不错。为了解决这个问题,就想到了Lazyload效果。

使用方法可以参考这篇文章 https://nowjava.com

什么是LazyLoad技术?
在页面上图片比较多的时候,打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片,占了几百K的空间。Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的。

在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担,这样势必会引起速度上质的提升。

兼容:ie6/7/8, firefox 3.5.5, opera 10.10, safari 4.0.4, chrome 3.0其中safari和chrome部分功能不支持。

下载方法:
1、请用微信扫描下方二维码关注时代Java公众号,或者微信搜索时代JavaNowJava关注。
    (如已经关注,请直接发送编号)
2、在时代Java公众号里发送编号:5951
5951
3、发送后,将立刻收到 “验证码已经接收成功” 的回复,即可选择线路下载:
通用网络下载移动网络下载电信网络下载

本文系作者在时代Java发表,未经许可,不得转载。

如有侵权,请联系nowjava@qq.com删除。

编辑于

关注时代Java

关注时代Java