1.jQuery图片延迟加载插件jQuery.lazyload
参考网站http://www.jq22.com/jquery-info390
2.lazysizes – 图片懒加载
High performance lazy loader for images (responsive and normal), iframes and scripts, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.
lazysizes 是一个当图片进入视线时再进行加载的JS库,特点是免配置,直接写到html标签里边就好了,比如这样:
<img class="lazyload" data-src="image.jpg" alt="Desert Road" />
载入的图片还是响应式的。Github → https://github.com/aFarkas/lazysizes 在线demo → http://afarkas.github.io/lazysizes/#examples