jQuery-关于网站内容实现延迟加载的问题?

jQuery-关于网站内容实现延迟加载的问题?

归属感 发布于 2016-12-04 字数 441 浏览 1059 回复 1

以前测试了几个jquery的延迟加载插件
感觉都是显示是真,
但是其实还是一次性读取的
只是延迟显示
所以想大家给几个使用的真正的延迟加载插件
大家可以看先这个网站的首页用户体验
我感觉不怎么样http://www.mumayi.com
我知道的网站感觉
乐淘http://www.letao.com的主页加载很舒服

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

甜柠檬 2017-03-22 1 楼

jquery确实已经有成熟的lazyload插件了,思想如下:
侦听 滚动条滚动事件,遍历img元素,如果y点坐标 小于 滚动条的y坐标与可视区域高度的和,并且该图片的 data-lazyload属性为false(默认为false),那么使用new Image或ajax加载该图片,并且设置data-lazyload为true。

这个过程会结合 setTimeout使用,并且应当将 加载过的 高度区域 保存以防止重复加载