当前位置:首页 > TAG信息列表 > lazyload是什么意思

lazyload是什么意思

LazyLoad按需懒加载使用方法

lazyload按需懒加载使用方法

lazyload介绍lazyload效果截图

lazyload是一款非常热门的图片缓加载js插件,您能看到的大部分网站图片懒加载都是基于这款js框架开发。

lazyload功能

lazyload懒加载框架可以使图片缓加载,滚动条没拖到的地方暂不加载图片,优先加载用户能看到的图片,等用户拖到了再次加载图片,减少页面首次加载带宽,加快网页访问速度。

lazyload使用方法

1、首先下载lazyload插件:https://github.com/tuupola/lazyload/archive/2.x.zip

LazyLoad按需懒加载使用方法

2、修改需要缓加载的图片代码如以下格式,

<imgclass="lazyload"src="img/example-thumb.jpg"data-src="img/example.jpg"width="765"height="574">

src:用一张还没加载显示的图片,比如精准像素用的一张logo图片

data-src:为真实图片路径

3、加载js,一般还需要jquery框架

<scriptsrc="https://code.jquery.com/jquery-3.3.1.min.js"></script><scriptsrc="lazyload.min.js"></script><script>lazyload();</script>
腰部按摩器之家 哈哈优选

  • 关注微信关注微信

猜你喜欢

微信公众号