jquery.lazyload.js实现图片懒加载

个人理解:将需要延迟加载的图片的src属性全部设置为一张相同尽可能小(目的是尽可能的少占宽带,节省流量,由于缓存机制,当浏览器加载了一张图片之后,相同的图片就会在缓存中拿,不会重新到服务器上拿)的图片,然后将图片的实际地址写在alt属性里,当鼠标往下滑动的时候得到当前显示区域内的img的lz-src,动态的就将各自的lz-src属性的值赋值给src属性,这样就实现了图片延迟加载,减轻服务器端的压力,节省本地带宽,提升了访问网页的速度
 
插件源码地址: https://raw.github.com/tuupola/jquery_lazyload/master/jquery.lazyload.js 
 

jQuery下载地址:http://jquery.com/ 


html页面代码:









无标题文档













你可能感兴趣的:(性能优化,技术日记,前端开发,常用方法)